JavaScript คำสั่ง break

การเรียกใช้และการประกาศ

คำสั่ง break ออกจากคำสั่ง switch หรือลูป (for, for ... in, while, do ... while)

เมื่อใช้คำสั่ง break พร้อมกับคำสั่ง switch มันจะทำให้ออกจากบล็อค switch นั้น จะหยุดปฏิบัติต่อรหัสในบล็อคและ/หรือ case ต่างๆ。

เมื่อใช้คำสั่ง break ในลูป มันจะทำให้ลูปหยุดลงและเริ่มปฏิบัติต่อตอนหลังจากลูป (ถ้ามี)。

คำสั่ง break ยังสามารถใช้พร้อมกับติดตามแบบทางเลือกเพื่อ "ออกจาก" บล็อครหัส JavaScript ใดๆ (ดูตัวอย่างเพิ่มเติมด้านล่าง)。

หมายเหตุ:ถ้าไม่ใช้ติดตามแบบ คำสั่ง break สามารถใช้ได้เมื่ออยู่ในลูปหรือ switch ต่างๆ。

ตัวอย่าง

ในตัวอย่างนี้ เราจะใช้ลูป for กับคำสั่ง break พร้อมกัน。

วนลูปรหัสแบบลูปสองข้อเงื่อนไข แต่จะออกจากลูปเมื่อตัวแปร i เท่ากับ "3":

var text = ""
var i;
for (i = 0; i < 5; i++) {
  if (i === 3) {
    break;
  }
  text += "เลขคือ " + i + "<br>";
}

ทดลองด้วยตัวเอง

มีตัวอย่าง TIY มากมายที่ด้านล่างของหน้า。

รูปแบบ

break;

ใช้ติดตามแบบทางเลือก:

break labelname;

รายละเอียดเทคนิค

เวอร์ชัน JavaScript: ECMAScript 1

ตัวอย่างเพิ่มเติม

ตัวอย่าง

ในตัวอย่างนี้ เราจะใช้ลูป while กับคำสั่ง break พร้อมกัน。

วนลูปรหัสแบบลูปสองข้อเงื่อนไข แต่จะออกจากลูปเมื่อตัวแปร i เท่ากับ "3":

var text = "";
var i = 0;
while (i < 5) {
  text += "<br>เลขคือ " + i;
  i++;
  if (i === 3) {
    break;
  }
}

ทดลองด้วยตัวเอง

ตัวอย่าง

ออกจากบล็อค switch และให้เฉพาะการทำงาน case หนึ่งเท่านั้น

var day;
switch (new Date().getDay()) {
  case 0:
    day = "Sunday";
    break;
  case 1:
    day = "Monday";
    break;
  case 2:
    day = "Tuesday";
    break;
  case 3:
    day = "Wednesday";
    break;
  case 4:
    day = "Thursday";
    break;
  case 5:
    day = "Friday";
    break;
  case 6:
    day = "Saturday";
    break;
}

ทดลองด้วยตัวเอง

ตัวอย่าง

ใช้ประกาศ break ที่มีการอ้างอิงแทรกเพื่อ "ออกจาก"บล็อครหัส JavaScript

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
list: {
  text += cars[0] + "<br>"; 
  text += cars[1] + "<br>"; 
  text += cars[2] + "<br>"; 
  break list;
  text += cars[3] + "<br>"; 
}

ทดลองด้วยตัวเอง

ตัวอย่าง

ใช้ประกาศ break ที่มีการอ้างอิงแทรกเพื่อ "ออกจาก"วนรอบ for ที่มีระดับลึก

var text = "";
var i, j;
Loop1: // วนรอบที่หนึ่งถูกทำเครื่องหมายว่า "Loop1"
for (i = 0; i < 3; i++) {
text += "<br>" + "i = " + i + ", j = ";
  Loop2: // วนรอบที่สองถูกทำเครื่องหมายว่า "Loop2"
  for (j = 0; j < 5; j++) {
    if (j === 2) {
      break Loop1;
    }
    document.getElementById("demo").innerHTML = text += j + " ";
  }
}

ทดลองด้วยตัวเอง

การสนับสนุนโปรแกรมบราวเซอร์

ประโยค Chrome IE Firefox Safari Opera
break สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน

หน้าที่เกี่ยวข้อง

ตัวเรียน JavaScript：JavaScript Break และ Continue

ตัวเรียน JavaScript：JavaScript รูปแบบ For

ตัวเรียน JavaScript：JavaScript รูปแบบ While

ตัวเรียน JavaScript：JavaScript Switch

คู่มืออ้างอิง JavaScript：JavaScript คำสั่ง continue

คู่มืออ้างอิง JavaScript：JavaScript คำสั่ง for

คู่มืออ้างอิง JavaScript：JavaScript คำสั่ง while

คู่มืออ้างอิง JavaScript：JavaScript คำสั่ง switch