ลูปสามารถดำเนินการบล็อกของรหัสจำนวนครั้ง
ลูป JavaScript
ลูปจะมีประโยชน์ถ้าคุณต้องการที่จะเรียกใช้รหัสเดียวกันซ้ำแล้วซ้ำอีกทุกครั้งที่มีมูลค่าแตกต่างกัน
มักจะเป็นกรณีที่เมื่อทำงานกับอาร์เรย์นี้:
แทนที่จะเขียน:
text += cars[0] + "<br>";
text += cars[1] + "<br>";
text += cars[2] + "<br>";
text += cars[3] + "<br>";
text += cars[4] + "<br>";
text += cars[5] + "<br>";
คุณสามารถเขียน:
for (i = 0; i < cars.length; i++) {
text += cars[i] +
"<br>";
} ลองตัวเอง» ที่แตกต่างกันของลูป
JavaScript สนับสนุนชนิดที่แตกต่างกันของลูป:
- for - loops ผ่านบล็อกของรหัสจำนวนครั้ง
- for/in - loops ผ่านคุณสมบัติของวัตถุ
- while - loops ผ่านบล็อกของรหัสในขณะที่เงื่อนไขที่ระบุเป็นความจริง
- do/while - นอกจากนี้ยัง loops ผ่านบล็อกของรหัสในขณะที่เงื่อนไขที่ระบุเป็นความจริง
For ห่วง
for วงมักจะเป็นเครื่องมือที่คุณจะใช้เมื่อคุณต้องการที่จะสร้างห่วง
for วงมีไวยากรณ์ต่อไปนี้:
for (statement
1; statement 2; statement 3) {
code block to be executed
}
1 คำสั่งจะถูกดำเนินการก่อนที่จะมีวง (การป้องกันรหัส) เริ่มต้น
งบ 2 กำหนดเงื่อนไขสำหรับการทำงานวง (การป้องกันรหัส)
งบ 3 จะถูกดำเนินการในแต่ละครั้งหลังจากที่วง (การป้องกันรหัส) ได้รับการดำเนินการ
จากตัวอย่างข้างต้นคุณสามารถอ่าน:
คำสั่ง 1 ชุดตัวแปรก่อนที่วงจะเริ่มต้น (var i = 0)
งบ 2 กำหนดเงื่อนไขสำหรับวงในการทำงาน (ฉันต้องน้อยกว่า 5)
งบ 3 เพิ่มมูลค่า (i++) แต่ละครั้งการป้องกันรหัสในวงที่ได้รับการดำเนินการ
1 คำสั่ง
ปกติคุณจะใช้คำสั่ง 1 ที่จะเริ่มต้นตัวแปรที่ใช้ในวง (i = 0)
นี้ไม่ได้เป็นอย่างนั้นเสมอ, JavaScript ไม่ได้ดูแล 1 คำสั่งเป็นตัวเลือก
คุณสามารถเริ่มต้นค่าจำนวนมากในคำสั่งที่ 1 (คั่นด้วยเครื่องหมายจุลภาค):
ตัวอย่าง
for (i = 0, len = cars.length, text = ""; i < len; i++) {
text += cars[i] + "<br>";
} ลองตัวเอง» และคุณสามารถละเว้นคำสั่งที่ 1 (เช่นเมื่อค่าของคุณก่อนที่จะมีการตั้งวงเริ่มต้น):
ตัวอย่าง
var i = 2;
var len = cars.length;
var text = "";
for (; i < len; i++) {
text += cars[i] + "<br>";
} ลองตัวเอง» งบ 2
บ่อยครั้งที่คำสั่งที่ 2 จะใช้ในการประเมินสภาพของตัวแปรเริ่มต้น
นี้ไม่ได้เป็นอย่างนั้นเสมอ, JavaScript ไม่ได้ดูแล งบ 2 ยังเป็นตัวเลือก
ถ้ามีคำสั่ง 2 ผลตอบแทนจริงวงจะเริ่มต้นอีกครั้งถ้ามันกลับเท็จห่วงจะสิ้นสุด
ถ้าคุณไม่ใช้คำสั่งที่ 2 คุณจะต้องให้ break ภายในวง มิฉะนั้นห่วงจะไม่จบ นี้จะผิดพลาดเบราว์เซอร์ อ่านข้อมูลเกี่ยวกับการแบ่งในบทต่อมาของการกวดวิชานี้
งบ 3
คำสั่งที่ 3 มักจะเพิ่มตัวแปรเริ่มต้น
นี้ไม่ได้เป็นอย่างนั้นเสมอ, JavaScript ไม่ได้ดูแลและคำสั่งที่ 3 เป็นตัวเลือก
งบ 3 สามารถทำอะไรเช่นการเพิ่มขึ้นในเชิงลบ (i--) , การเพิ่มขึ้นในเชิงบวก (i = i + 15) หรือสิ่งอื่น
งบ 3 นอกจากนี้ยังสามารถมองข้าม (เช่นเมื่อคุณเพิ่มค่าของคุณภายในวง):
ตัวอย่าง
var i = 0;
var len = cars.length;
for (; i < len; ) {
text += cars[i] + "<br>";
i++;
} ลองตัวเอง» For/In วง
จาวาสคริปต์ for/in คำสั่ง loops ผ่านคุณสมบัติของวัตถุนี้:
ตัวอย่าง
var person = {fname:"John", lname:"Doe", age:25};
var text = "";
var x;
for (x in person) {
text += person[x];
} ลองตัวเอง» While ห่วง
while ห่วงและ do/while วงจะอธิบายในบทต่อไป
ทดสอบด้วยตัวเองด้วยการออกกำลังกาย!
การใช้สิทธิ 1 » ออกกำลังกาย 2 » ออกกำลังกาย 3 » 4 การออกกำลังกาย» ออกกำลังกาย 5 » ออกกำลังกาย 6 »