JavaScriptสำหรับงบ

<JavaScript อ้างอิงงบ

ตัวอย่าง

ห่วงผ่านบล็อกของรหัสครั้งที่ห้า:

var text = "";
var i;
for (i = 0; i < 5; i++) {
text += "The number is " + 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 ผ่านบล็อกของรหัสครั้งเดียวแล้วซ้ำห่วงในขณะที่เงื่อนไขที่ระบุเป็นความจริง

เคล็ดลับ: ใช้ แบ่ง คำสั่งให้แยกออกจากวงและ ยังคง คำสั่งให้ข้ามค่าในวง

สนับสนุนเบราว์เซอร์

คำแถลง
for	ใช่	ใช่	ใช่	ใช่	ใช่

วากยสัมพันธ์

ค่าพารามิเตอร์

พารามิเตอร์	ลักษณะ
statement1	ไม่จำเป็น. ดำเนินการก่อนวง (the code block) เริ่มต้น ปกติคำสั่งนี้จะใช้ในการเริ่มต้นตัวแปรเคาน์เตอร์ ในการเริ่มต้นหลายค่าแยกแต่ละค่าด้วยเครื่องหมายจุลภาค หมายเหตุ: พารามิเตอร์นี้สามารถถูกมองข้าม แต่ไม่ได้ละเว้นอัฒภาค ";"
statement2	ไม่จำเป็น. กำหนดเงื่อนไขสำหรับการทำงานวง (the code block) ปกติคำสั่งนี้จะใช้ในการประเมินสภาพของตัวแปรเคาน์เตอร์ ถ้ามันกลับจริงห่วงจะเริ่มต้นอีกครั้งถ้ามันกลับเท็จห่วงจะสิ้นสุด หมายเหตุ: พารามิเตอร์นี้สามารถถูกมองข้าม แต่ไม่ได้ละเว้นอัฒภาค ";" . นอกจากนี้ถ้าคุณไม่ใช้พารามิเตอร์นี้คุณจะต้องให้พักอยู่ภายในลูป มิฉะนั้นห่วงจะไม่จบซึ่งจะผิดพลาดเบราว์เซอร์
statement3	ไม่จำเป็น. ดำเนินการในแต่ละครั้งหลังจากที่วง (การป้องกันรหัส) ได้รับการดำเนินการ ปกติคำสั่งนี้จะใช้ในการเพิ่มขึ้นหรือลดลงของตัวแปรที่เคาน์เตอร์ หมายเหตุ: พารามิเตอร์นี้สามารถถูกมองข้าม (eg to increase/decrease values inside the loop)

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

JavaScript เวอร์ชัน:	1.0

ตัวอย่างอื่น ๆ

ตัวอย่าง

ห่วงผ่านดัชนีของอาร์เรย์ในการเก็บรวบรวมชื่อรถยนต์จากรถยนต์อาร์เรย์:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = 0; i < cars.length; i++) {
text += cars[i] + " ";
}

ลองตัวเอง»

ตัวอย่างข้างต้นอธิบายว่า:

ครั้งแรกที่เราตั้งค่าตัวแปรก่อนที่วงจะเริ่มต้น (var i = 0;)
จากนั้นเราจะกำหนดเงื่อนไขสำหรับวงในการทำงาน ตราบใดที่ตัวแปรที่น้อยกว่าความยาวของอาร์เรย์ (which is 4) ห่วงจะยังคง
แต่ละครั้งที่วงรันตัวแปรจะเพิ่มขึ้นโดยหนึ่ง (i++)
เมื่อตัวแปรที่ไม่น้อยกว่า 4 (array's length) สภาพเป็นเท็จและห่วงจะสิ้นสุด

ตัวอย่าง

เริ่มต้นหลายค่าในพารามิเตอร์แรก:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i;
for (i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + " ";
}

ลองตัวเอง»

ตัวอย่าง

งดพารามิเตอร์แรก (set values before the loop starts) :

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) {
text += cars[i] + " ";
}

ลองตัวเอง»

ตัวอย่าง

การใช้คำสั่งยังคง - ห่วงผ่านบล็อกของรหัส แต่ข้ามคุณค่าของ "3" :

var text = ""
var i;
for (i = 0; i < 5; i++) {
 if (i == 3) {
 continue;
 }
 text += "The number is " + i + " ";
}

ลองตัวเอง»

ตัวอย่าง

การใช้คำสั่งแบ่ง - ห่วงผ่านบล็อกของรหัส แต่ออกจากวงเมื่อตัวแปรฉันมีค่าเท่ากับ "3" :

var text = ""
var i;
for (i = 0; i < 5; i++) {
 if (i == 3) {
 break;
 }
 text += "The number is " + i + " ";
}

ลองตัวเอง»

ตัวอย่าง

งดพารามิเตอร์ที่สอง ในตัวอย่างนี้เรายังใช้ การแบ่ง คำสั่งให้ออกจากวงเมื่อฉันมีค่าเท่ากับ "3" (ถ้าพารามิเตอร์ที่สองถูกละไว้คุณจะต้องให้พักอยู่ภายในวงได้. มิฉะนั้นห่วงจะไม่จบและเบราว์เซอร์ของคุณจะ ความผิดพลาด):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = 0; ; i++) {
 if (i == 3) {
 break;
 }
 text += cars[i] + " ";
}

ลองตัวเอง»

ตัวอย่าง

ห่วงผ่านดัชนีของอาร์เรย์ในลำดับถัดลง (เพิ่มลบ):

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = cars.length - 1; i >= 0; i--) {
text += cars[i] + " ";
}

ลองตัวเอง»

ตัวอย่าง

ไม่ใช้พารามิเตอร์ที่ผ่านมาและเพิ่มค่าที่อยู่ภายในวง:

var cars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var len = cars.length;
for (; i < len;) {
text += cars[i] + " ";
i++;
}

ลองตัวเอง»

ตัวอย่าง

ห่วงผ่านโหนดของวัตถุ NodeList ที่และเปลี่ยนสีพื้นหลังของทุก องค์ประกอบในรายการ:

var myNodelist = document.getElementsByTagName("P");
var i;
for (i = 0; i < myNodelist.length; i++) {
myNodelist[i].style.backgroundColor = "red";
}

ลองตัวเอง»

ตัวอย่าง

ตัวอย่างของวงที่ซ้อนกัน (a loop inside a loop) :

var text = "";
var i, j;

for (i = 0; i < 3; i++) {
 text += " " + "i = " + i + ", j = ";

 for (j = 10; j < 15; j++) {
 document.getElementById("demo").innerHTML = text += j + " ";
 }
}

ลองตัวเอง»