ตัวอย่าง
ห่วงผ่านบล็อกของรหัสตราบเท่าที่ตัวแปร (i) น้อยกว่าที่ 5:
var text = "";
var i = 0;
while (i < 5) {
text
+= "<br>The number is " + i;
i++;
}ผลของข้อความที่จะได้รับ:
The number is 0
The number is 1
The number is 2
The number is 3
The number is 4 ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
คำสั่งในขณะที่สร้างห่วงว่าจะถูกดำเนินการในขณะที่เงื่อนไขที่ระบุเป็นความจริง
ห่วงจะทำงานต่อไปตราบใดที่เงื่อนไขเป็นจริง มันจะหยุดเมื่อเงื่อนไขเป็นเท็จ
JavaScript สนับสนุนชนิดที่แตกต่างกันของลูป:
- for - loops ผ่านบล็อกของรหัสจำนวนครั้ง
- for/in - loops ผ่านคุณสมบัติของวัตถุ
- while - loops ผ่านบล็อกของรหัสในขณะที่เงื่อนไขที่ระบุเป็นความจริง
- ทำ / ขณะที่ - loops ผ่านบล็อกของรหัสครั้งเดียวแล้วซ้ำห่วงในขณะที่เงื่อนไขที่ระบุเป็นความจริง
เคล็ดลับ: ใช้ แบ่ง คำสั่งให้แยกออกจากวงและ ยังคง คำสั่งให้ข้ามค่าในวง
สนับสนุนเบราว์เซอร์
| คำแถลง | |||||
|---|---|---|---|---|---|
| while | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
วากยสัมพันธ์
ค่าพารามิเตอร์ พารามิเตอร์ ลักษณะ condition จำเป็นต้องใช้ กำหนดเงื่อนไขสำหรับการทำงานวง (the code block) ถ้ามันกลับจริงห่วงจะเริ่มต้นอีกครั้งถ้ามันกลับเท็จห่วงจะสิ้นสุด
หมายเหตุ: หากเงื่อนไขเป็นจริงเสมอห่วงจะไม่จบ นี้จะผิดพลาดเบราว์เซอร์
หมายเหตุ: หากคุณกำลังใช้ตัวแปรที่มีสภาพเริ่มต้นก่อนที่จะห่วงและเพิ่มขึ้นภายในวง หากคุณลืมที่จะเพิ่มตัวแปรห่วงจะไม่จบ นอกจากนี้ยังจะผิดพลาดเบราว์เซอร์
รายละเอียดทางเทคนิค
JavaScript เวอร์ชัน: 1.0
ตัวอย่างอื่น ๆ
ตัวอย่าง
ห่วงผ่านดัชนีของอาร์เรย์ในการเก็บรวบรวมชื่อรถยนต์จากรถยนต์อาร์เรย์:
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i =
0;
while (i < cars.length) {
text += cars[i] +
"<br>";
i++;
} ลองตัวเอง» ตัวอย่างข้างต้นอธิบายว่า:
- ครั้งแรกที่เราตั้งค่าตัวแปรก่อนที่วงจะเริ่มต้น (var i = 0;)
- จากนั้นเราจะกำหนดเงื่อนไขสำหรับวงในการทำงาน ตราบใดที่ตัวแปรที่น้อยกว่าความยาวของอาร์เรย์ (which is 4) ห่วงจะยังคง
- แต่ละครั้งที่วงรันตัวแปรจะเพิ่มขึ้นโดยหนึ่ง (i++)
- เมื่อตัวแปรที่ไม่น้อยกว่า 4 (array's length) สภาพเป็นเท็จและห่วงจะสิ้นสุด
ตัวอย่าง
ห่วงข้างหลังผ่านดัชนีของอาร์เรย์:
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var len
= cars.length;
while (len--) {
text += cars[len] +
"<br>";
} ลองตัวเอง»
ตัวอย่าง
การใช้คำสั่งแบ่ง - ห่วงผ่านบล็อกของรหัส แต่ออกจากวงเมื่อตัวแปรฉันมีค่าเท่ากับ "3" :
var text = "";
var i = 0;
while (i < 5) {
text
+= "<br>The number is " + i;
i++;
if (i == 3) {
break;
}
} ลองตัวเอง»
ตัวอย่าง
การใช้คำสั่งยังคง - ห่วงผ่านบล็อกของรหัส แต่ข้ามคุณค่าของ "3" :
var text = "";
var i = 0;
while (i < 5) {
i++;
if (i == 3) {
continue;
}
text += "<br>The number is " + i;
} ลองตัวเอง»
หน้าเว็บที่เกี่ยวข้อง
JavaScript Tutorial: JavaScript ในขณะที่ห่วง
อ้างอิง JavaScript: JavaScript ทำ ... ในขณะที่งบ
อ้างอิง JavaScript: JavaScript สำหรับงบ
อ้างอิง JavaScript: JavaScript งบแบ่ง
JavaScript อ้างอิง: JavaScript ยังคงคำชี้แจง
<JavaScript อ้างอิงงบ