Tiếp theo Thế giới JS share cho ae về các cú pháp Break and Continue trong javascript, khi nào dùng nó và dùng nó như thế nào trong khi code JS.
1.Câu lệnh break:
Câu lệnh break được sử dụng để nhảy ra khỏi vòng lặp. Nó có thể được sử dụng để “nhảy ra” một câu lệnh switch(). Nó phá vỡ vòng lặp và tiếp tục thực thi mã sau vòng lặp.
Thí dụ:
<!-- http://wikicode.dev/
https://www.facebook.com/wikicode.dev
https://twitter.com/wikicode_dev
https://www.linkedin.com/in/wiki-code-dev-b0a641257/ -->
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript Break statement
</title>
</head>
<body style="text-align:center;">
<div>
<h1>WikiCode.dev</h1>
<h2>JavaScript Break</h2>
</div>
<p id="wkc"></p>
<script>
var content = "";
var i;
for (i = 1; i < 1000; i++) {
if (i === 6) {
break;
}
content += "WikiCode" + i + "<br>";
}
document.getElementById("wkc").innerHTML = content;
</script>
</body>
</html>
Đầu ra:
2.Câu lệnh continue:
Câu lệnh continue “nhảy qua” một lần lặp trong vòng lặp. Nó ngắt phép lặp trong vòng lặp và tiếp tục thực hiện phép lặp tiếp theo trong vòng lặp.
Thí dụ:
<!-- // https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
-->
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript continue statement
</title>
</head>
<body style="text-align:center;">
<div>
<h1>WikiCode.dev</h1>
<h2>JavaScript continue</h2>
</div>
<p id="wkc"></p>
<script>
var content = "";
var i;
for (i = 1; i < 7; i++) {
if (i === 4) {
continue;
}
content += "Wikicode" + i + "<br>";
}
document.getElementById("wkc").innerHTML = content;
</script>
</center>
</body>
</html>
Đầu ra:
Đang cập nhật hình…
3.Nhãn(labels) trong JavaScript:
Trong JavaScript, các câu lệnh nhãn được viết dưới dạng các câu lệnh có tên labels và dấu hai chấm.
4.Cú pháp:
- Câu lệnh break: Nó được sử dụng để nhảy ra khỏi vòng lặp hoặc công tắc mà không có tham chiếu nhãn trong khi có tham chiếu nhãn, nó được sử dụng để nhảy ra khỏi bất kỳ khối code nào.
break labelname;
- Câu lệnh continue: Nó được sử dụng để bỏ qua một lần lặp có hoặc không có tham chiếu nhãn.
continue labelname;
Ví dụ: Ví dụ này sử dụng câu lệnh break.
<!-- // https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
-->
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript continue statement
</title>
</head>
<body style="text-align:center;">
<div>
<h1 style="color:green;">
Wikicode
</h1>
<h2>JavaScript break</h2>
</div>
<p id="wkc"></p>
<!-- Script to use break label -->
<script>
var val = ["WkiCode1", "WkiCode2", "WkiCode3",
"WkiCode4", "WkiCode5"];
var print = "";
breaklabel: {
print += val[0] + "<br>" + val[1] + "<br>";
break breaklabel;
print += val[2] + "<br>"+ val[3] + "<br>" + val[4];
}
document.getElementById("wkc").innerHTML = print;
</script>
</body>
</html>
Đầu ra:
Đang cập nhật hình…
Ví dụ: Ví dụ này sử dụng Continue.
<!-- // https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
-->
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript continue label
</title>
</head>
<body style="text-align:center">
<div>
<h1 style="color:green;">
Wikicode
</h1>
<h2>JavaScript continue</h2>
</div>
<p id="wkc"></p>
<!-- Script to use continue label -->
<script>
var val = ["Wikicode1", "Wikicode2", "Wikicode3", "Wikicode4"];
var val1=["Wiki","Code","Dev"]
var print = "";
print += val1[0] + "<br>";
print += val1[1] + "<br>";
print += val1[2] + "<br>";
continuelabel: {
print += val[0] + "<br>";
print += val[1] + "<br>";
continue continuelabel;
print += val[2] + "<br>";
print += val[3] + "<br>";
}
document.getElementById("wkc").innerHTML = print;
</script>
</body>
</html>
Đầu ra:
Đang cập nhật hình…
Ví dụ: Ví dụ này minh họa mà không sử dụng bất kỳ nhãn nào.
<!-- // https://vpsus.vn/
// https://www.facebook.com/groups/893052378563701
// https://twitter.com/thegioijs
-->
<!DOCTYPE html>
<html>
<head>
<title>
No label in JavaScript
</title>
</head>
<body style="text-align:center;">
<div>
<h1 style="color:green;">
WikiCode
</h1>
<h2>JavaScript No label</h2>
</div>
<p id="wkc"></p>
<script>
var val = ["WikiCode1", "WikiCode2", "WikiCode3", "WikiCode4"];
var val1=["Wiki","Code","Dev"]
var print = "";
labelloop:{
print += val1[0] + "<br>";
print += val1[1] + "<br>";
print += val1[2] + "<br>";
}
print+="<br>";
labelloop1: {
print += val[0] + "<br>";
print += val[1] + "<br>";
print += val[2] + "<br>";
print += val[3] + "<br>";
}
document.getElementById("wkc").innerHTML
= print;
</script>
</body>
</html>
Đầu ra: Đang cập nhật hình…
Trên đây là tất cả những gì về Break and Continue trong javascript mà bạn cần biết. Nếu bạn có bất kỳ câu hỏi liên quan tới Break and Continue, hãy chủ động liên hệ và inbox cho chúng tôi, để giúp đỡ bạn sớm nhất
Tiếp theo, hãy cùng Thế giới JS tìm hiểu thêm các kiến thức về Javascript trong các bài tiếp theo trong series học miễn phí Javascript từ cơ bản tới nâng cao.
Nếu bạn cảm thấy hữu ích và yêu thích Thế giới JS, hãy tham gia và theo dõi chúng tôi để nhận thêm nhiều kiến thức MIỄN PHÍ hơn nữa nhé:
Share to learn more than!
