คำสั่ง break "กระโดดออก" ของการวนซ้ำ
คำสั่ง ดำเนินการต่อ "ข้าม" หนึ่งครั้งใน ห่วง
breakคุณได้เห็นคำสั่ง break ที่ใช้ในก่อนหน้านี้แล้ว บทของบทช่วยสอนนี้ มันถูกใช้เพื่อ "กระโดดออก" ของคำสั่ง switch()
คำสั่ง break ยังสามารถใช้เพื่อข้ามออกจากลูป:
for (let i = 0; i < 10; i++) {
if (i === 3) { break; }
text += "The number is " + i + "<br>";
}ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Loops</h2>
<p>A loop with a <b>break</b> statement.</p>
<p id="demo"></p>
<script>
let text = "";
for (let i = 0; i < 10; i++) {
if (i === 3) { break; }
text += "The number is " + i + "<br>";
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
ในตัวอย่างข้างต้น คำสั่ง break จะสิ้นสุดการวนซ้ำ ("แบ่ง" การวนซ้ำ) เมื่อตัวนับลูป (i) เป็น 3
ดำเนินการต่อคำสั่ง continue จะแบ่งการวนซ้ำหนึ่งครั้ง (ในลูป) หากมีการระบุ เงื่อนไขเกิดขึ้น และดำเนินต่อไปด้วยการวนซ้ำครั้งถัดไปในลูป
ตัวอย่างนี้ข้ามค่าของ 3:
for (let i = 0; i < 10; i++) {
if (i === 3) { continue; }
text += "The number is " + i + "<br>";
}ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Loops</h2>
<p>A loop with a <b>continue</b> statement.</p>
<p>A loop which will skip the step where i = 3.</p>
<p id="demo"></p>
<script>
let text = "";
for (let i = 0; i < 10; i++) {
if (i === 3) { continue; }
text += "The number is " + i + "<br>";
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
ในการติดป้ายกำกับคำสั่ง JavaScript คุณต้องนำหน้าคำสั่งด้วยชื่อป้ายกำกับ และลำไส้ใหญ่:
label:
statementsคำสั่ง break และ continue เป็นคำสั่ง JavaScript เท่านั้นที่ สามารถ "กระโดดออกจาก" บล็อกโค้ดได้
ไวยากรณ์ :
break labelname;
continue labelname;ดำเนินการต่อ คำสั่ง (มีหรือไม่มีการอ้างอิงป้ายกำกับ) สามารถใช้เพื่อ ข้ามหนึ่งรายการเท่านั้น การวนซ้ำ
คำสั่ง break ที่ไม่มีการอ้างอิงป้ายกำกับ สามารถใช้เพื่อ เท่านั้น กระโดดออกจากวง หรือสวิตช์
ด้วยการอ้างอิงป้ายกำกับ คำสั่งแบ่งสามารถใช้เพื่อ ข้ามออกไปได้ ของบล็อคโค้ดใดๆ:
const cars = ["BMW", "Volvo", "Saab", "Ford"];
list: {
text += cars[0] + "<br>";
text += cars[1] + "<br>";
break list;
text += cars[2] + "<br>";
text += cars[3] + "<br>";
}ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript break</h2>
<p id="demo"></p>
<script>
const cars = ["BMW", "Volvo", "Saab", "Ford"];
let text = "";
list: {
text += cars[0] + "<br>";
text += cars[1] + "<br>";
break list;
text += cars[2] + "<br>";
text += cars[3] + "<br>";
}
document.getElementById("demo").innerHTML = text;
</script>
</body>
</html>
บล็อกโค้ดคือบล็อกของโค้ดระหว่าง { และ }