Instrukcja Break w JavaScript - Działanie i przykłady instrukcji Break

Wprowadzenie do instrukcji Break w JavaScript

Instrukcja Break służy do zmiany funkcji programu. Pętle są używane do prowadzenia takich sekwencji instrukcji kilka razy, zanim wynik testu będzie niedokładny. Mogą zaistnieć okoliczności, w których bez wykonania większości zdań możemy wyjść z wyrażenia. W takich okolicznościach moglibyśmy użyć instrukcji break w javascript. Instrukcja break jest używana w instrukcji switch, która jest oddzielona od bloku przełącznika. W obrębie wspomnianej etykiety instrukcja zagnieżdżenia musi być zagnieżdżona. Każda instrukcja blokowa może być instrukcją oznaczoną; instrukcja pętli nie musi go poprzedzać.

Jeśli kompilator JavaScript wykryje w nich instrukcję break podczas wykonywania pętli for, loop i do-while, pętla zapobiegnie wykonywaniu instrukcji i natychmiast wyjdzie z pętli.

Składnia:

break;

Kod:

For instance:
var n = 0;
while (n < 5) (
if (n === 3) (
break;
)
n = n + 1;
)
console.log(n);

Wynik:

3)

Uwaga: Instrukcja break jest również używana z instrukcjami switch.

Schemat blokowy instrukcji Break w JavaScript

Schemat blokowy instrukcji break jest pokazany na poniższym obrazku:

Jak działa instrukcja Break w JavaScript?

Instrukcja break dzieli pętlę, ponieważ używamy instrukcji break wewnątrz pętli i kontynuuje po pętli, aby zainicjować kod. Możesz także użyć instrukcji break połączonej z etykietą, aby wyjść z bloku kodu JavaScript. W prosty sposób, za każdym razem, gdy zostanie wykonane dopasowanie, a praca zostanie wykonana, jeśli spełniona zostanie instrukcja break. Dlatego instrukcja switch powinna kontynuować analizę wyrażenia.

Musimy mieć pewność, że implementowana instrukcja jest pierwszym dopasowaniem Jeśli chcesz, aby różne kombinacje powodowały bloki kodu, zapobiegnie temu instrukcja break. Ostatnia instancja w bloku przełącznika nie musi być uszkodzona. Tak czy inaczej, blok się tam psuje.

Przykłady instrukcji Break w JavaScript

Poniżej znajdują się liczne przykłady instrukcji break javascript:

Przykład 1: Instrukcja Break wewnątrz pętli



JavaScript Break Statement

JavaScript Break Statement
var n;
for (n = 10; n > 0; n--)
(
if(n == 5)
(
document.write("Exiting the loop: n = " + n);
break;
)
document.write(" The numbers are: = " + n);
)





JavaScript Break Statement

JavaScript Break Statement
var n;
for (n = 10; n > 0; n--)
(
if(n == 5)
(
document.write("Exiting the loop: n = " + n);
break;
)
document.write(" The numbers are: = " + n);
)





JavaScript Break Statement

JavaScript Break Statement
var n;
for (n = 10; n > 0; n--)
(
if(n == 5)
(
document.write("Exiting the loop: n = " + n);
break;
)
document.write(" The numbers are: = " + n);
)



Wykonanie :

• Zapisz powyższy kod w formacie HTML.
• Uruchom kod w przeglądarce internetowej.

Wynik:

Przykład 2: Instrukcja Break wewnątrz pętli while



JavaScript Break Statement

JavaScript Break Statement
var n = 0;
while (n <= 10)
(
document.write("
The numbers are: = " + n);
n++;
if(n == 5)
(
break;
)
)
document.write("
Exiting the loop: n = " + n);





JavaScript Break Statement

JavaScript Break Statement
var n = 0;
while (n <= 10)
(
document.write("
The numbers are: = " + n);
n++;
if(n == 5)
(
break;
)
)
document.write("
Exiting the loop: n = " + n);





JavaScript Break Statement

JavaScript Break Statement
var n = 0;
while (n <= 10)
(
document.write("
The numbers are: = " + n);
n++;
if(n == 5)
(
break;
)
)
document.write("
Exiting the loop: n = " + n);



Wynik:

Przykład # 3: Instrukcja Break wewnątrz tagu div



JavaScript Break statement


JavaScript Break Statement

var myvalue = "";
var n;
for (n = 1; n < 10; n++) (
if (n === 5) (
break;
)
myvalue += "Educba" + n + "
";
)
document.getElementById("brk_stmt_id").innerHTML = myvalue;





JavaScript Break statement


JavaScript Break Statement

var myvalue = "";
var n;
for (n = 1; n < 10; n++) (
if (n === 5) (
break;
)
myvalue += "Educba" + n + "
";
)
document.getElementById("brk_stmt_id").innerHTML = myvalue;





JavaScript Break statement


JavaScript Break Statement

var myvalue = "";
var n;
for (n = 1; n < 10; n++) (
if (n === 5) (
break;
)
myvalue += "Educba" + n + "
";
)
document.getElementById("brk_stmt_id").innerHTML = myvalue;



Wynik:

Przykład 4: Używanie instrukcji etykiet przerwania



JavaScript Break Statement


JavaScript Break Statement

var res = ("Educab1", "Educba2", "Educba3", "Educba4", "Educba5");
var value = "";
breaklabel: (
value += res(0) + "
" + res(1) + "
";
break breaklabel;
value += res(2) + "
"+ res(3) + "
" + res(4);
)
document.getElementById("brk_stmt_id").innerHTML = value;





JavaScript Break Statement


JavaScript Break Statement

var res = ("Educab1", "Educba2", "Educba3", "Educba4", "Educba5");
var value = "";
breaklabel: (
value += res(0) + "
" + res(1) + "
";
break breaklabel;
value += res(2) + "
"+ res(3) + "
" + res(4);
)
document.getElementById("brk_stmt_id").innerHTML = value;





JavaScript Break Statement


JavaScript Break Statement

var res = ("Educab1", "Educba2", "Educba3", "Educba4", "Educba5");
var value = "";
breaklabel: (
value += res(0) + "
" + res(1) + "
";
break breaklabel;
value += res(2) + "
"+ res(3) + "
" + res(4);
)
document.getElementById("brk_stmt_id").innerHTML = value;



Wynik:

Przykład 5: Instrukcja Break w wewnętrznej pętli



JavaScript Break Statement


document.write("Starting of the loop …
");
outerloop: // indicates name of the label
for (var m = 0; m < 5; m++) (
document.write("Outside the loop: " + m + "
");
innerloop:
for (var n = 0; n < 5; n++) (
if (n > 3 ) break ;
if (m == 2) break innerloop;
if (m == 4) break outerloop;
document.write("Inside the loop: " + n + "
");
)
)
document.write("End of the loop…
");



Wynik:

Przykład # 6: Instrukcja Break w przypadku przełącznika



JavaScript Break Statement


var value = 'two';
document.write("The switch case is entering into the program…
");
switch (value) (
case 'one': document.write("Result is: This is First statement…
");
break;
case 'two': document.write("Result is: This is Second statement…
");
break;
case 'three': document.write("Result is: This is Third statement…
");
break;
case 'four': document.write("Result is: This is Fourth statement…
");
break;
case 'five': document.write("Result is: This is Five statement…
");
break;
default: document.write("Result is: This is last statement…
")
)
document.write("Switch case is exiting out of the program…");



Wynik:

Wniosek

Bardzo pomocne jest przejście przez dowolną pętlę, w tym JavaScript For Loop, JavaScript While Loop i JavaScript Do While Loop. Jeśli kompilator JavaScript wykryje instrukcję break wewnątrz siebie podczas implementacji tych pętli, pętla przestanie wykonywać instrukcje i natychmiast opuści pętlę. W prosty sposób, po znalezieniu dopasowania i napotkaniu instrukcji break, praca jest wykonywana. Instrukcja switch musi zatem zacząć analizować wyrażenie. Użyliśmy również przypadku przełącznika dla instrukcji break, gdzie instrukcja switch analizuje wyrażenie, które dopasowuje wartość wyrażenia do klauzuli case i przeprowadza instrukcje dotyczące tego przypadku, a także instrukcje w sprawach.

Polecane artykuły

To jest przewodnik po instrukcji Break w JavaScript. Tutaj omawiamy działające i różne przykłady instrukcji break w javaScript z kodem i danymi wyjściowymi. Możesz także przejrzeć następujące artykuły, aby dowiedzieć się więcej-

1. Instrukcja Switch w JavaScript
2. Wzory w JavaScript
3. Podczas gdy pętla w JavaScript
4. Operatory porównania w JavaScript
5. Różne rodzaje pętli z jej zaletami
6. Pętle w VBScript z przykładami
7. Typy operatorów porównania w PowerShell
8. Przykłady przełączników w PowerShell