JS สำหรับลูปสามารถเรียกใช้บล็อกรหัสตามจำนวนครั้งที่ระบุ
JavaScript Loop
เราสามารถส่งออกค่าของอาร์เรย์เช่นนี้: หากคุณต้องการเรียกใช้รหัสเดียวกันซ้ำแล้วซ้ำอีกและค่าจะแตกต่างกันในแต่ละครั้งจากนั้นการใช้ลูปจะสะดวก
document.write (รถยนต์ [0] + "<br>"); document.write (รถยนต์ [1] + "<br>"); document.write (รถยนต์ [2] + "<br>"); document.write (รถยนต์ [3] + "<br>"); document.write (4] + "<br>"); "<br>");
แต่เราเขียนสิ่งนี้
สำหรับ (var i = 0; i <cars.length; i ++) {document.write (cars [i]+"<br>");}ตัวอย่าง: เอาท์พุท 1-100 ตัวเลข
สำหรับ (var i = 0; i <= 100; i ++) {document.write (i+"<br>")}สำหรับการทดสอบก่อนการทดสอบก่อนและตัวแปรสามารถเริ่มต้นได้ก่อนที่จะวนซ้ำและรหัสที่จะดำเนินการหลังจากกำหนดลูป ไวยากรณ์มีดังนี้
สำหรับ (inintialization; นิพจน์; psot = ลูป-แสดงออก) คำสั่ง
กระบวนการดำเนินการมีดังนี้:
1. ดำเนินการคำสั่งการเริ่มต้น
2. ตรวจสอบว่าการแสดงออกนั้นเป็นจริงหรือไม่ถ้าดำเนินการต่อไปหรือไม่ก็จะยุติร่างกายลูปทั้งหมด
3. ดำเนินการรหัสคำสั่ง Loop Body
4. เรียกใช้รหัสโพสต์ลูป-การแสดงออก
5. กลับไปที่ขั้นตอนที่ 2
รูปแบบที่ใช้กันมากที่สุดสำหรับลูปสำหรับ (var i = 0; i <n; i ++) {คำสั่ง}
หมายความว่าการวนซ้ำจะถูกดำเนินการในเวลารวม N ซึ่งเหมาะสำหรับการดำเนินการนับจำนวนลูปที่รู้จัก
การคัดลอกรหัสมีดังนี้:
var anumbers = new Array ();
var smessage = "คุณป้อน:/n";
var itotal = 0;
var vuserInput;
var iarrayIndex = 0;
ทำ{
vuserInput = พรอมต์ ("ป้อนตัวเลขหรือ '0' ออก", "0");
Anumbers [iarrayIndex] = vuserInput;
iarrayindex ++;
itotal += number (vuserInput);
smessage + = vuserInput + "/n";
} ในขณะที่ (vuserInput! = 0) // ออกจากวงวนลูปเมื่ออินพุตคือ 0 (ค่าเริ่มต้น)
smessage + = "ทั้งหมด:" + itotal;
document.getElementById ("xxx"). innerhtml = smessage;
ลูปประเภทต่าง ๆ
JavaScript รองรับลูปประเภทต่าง ๆ :
สำหรับ - บล็อกรหัสลูปสำหรับจำนวนครั้งที่กำหนด
สำหรับ/in - วนผ่านคุณสมบัติของวัตถุ
ในขณะที่ - วนบล็อกรหัสที่ระบุเมื่อเงื่อนไขที่ระบุเป็นจริง
ทำ/ในขณะที่ - ในทำนองเดียวกันลูปบล็อกรหัสที่ระบุเมื่อเงื่อนไขที่ระบุเป็นจริง
สำหรับลูป
สำหรับลูปเป็นเครื่องมือที่คุณมักใช้เมื่อคุณต้องการสร้างลูป
นี่คือไวยากรณ์ของ For Loop:
สำหรับ (ประโยค 1; คำสั่ง 2; คำสั่ง 3)
-
บล็อกรหัสที่ดำเนินการ
-
คำสั่ง 1 จะถูกดำเนินการก่อนเริ่มลูป (บล็อกรหัส) เริ่มต้นขึ้น
คำสั่ง 2 กำหนดเงื่อนไขสำหรับการเรียกใช้ลูป (บล็อกรหัส)
คำสั่ง 3 ดำเนินการหลังจากลูป (บล็อกรหัส) ถูกดำเนินการแล้ว
ตัวอย่าง
สำหรับ (var i = 0; i <5; i ++) {x = x + "หมายเลขคือ" + i + "<br>"; -จากตัวอย่างด้านบนคุณจะเห็น:
คำสั่ง 1 ตั้งค่าตัวแปร (var i = 0) ก่อนที่ลูปจะเริ่ม
คำแถลง 2 กำหนดเงื่อนไขสำหรับการทำงานของลูป (ฉันต้องน้อยกว่า 5)
คำสั่ง 3 เพิ่มค่า (i ++) หลังจากแต่ละบล็อกรหัสถูกดำเนินการแล้ว
คำสั่ง 1
โดยปกติเราจะใช้คำสั่ง 1 เพื่อเริ่มต้นตัวแปรที่ใช้ในลูป (var i = 0)
คำสั่ง 1 เป็นทางเลือกซึ่งหมายความว่าไม่ได้ใช้คำสั่ง 1
คุณสามารถเริ่มต้นค่า (หรือหลาย) ใด ๆ ในคำสั่ง 1:
ตัวอย่าง:
สำหรับ (var i = 0, len = cars.length; i <len; i ++) {document.write (cars [i]+"<br>");}นอกจากนี้คุณยังสามารถละเว้นคำสั่ง 1 (ตัวอย่างเช่นเมื่อมีการตั้งค่าก่อนที่ลูปจะเริ่ม):
ตัวอย่าง:
var i = 2, len = cars.length; สำหรับ (; i <len; i ++) {document.write (cars [i]+"<br>");}คำแถลง 2
โดยทั่วไปแล้วคำสั่ง 2 จะใช้เพื่อประเมินเงื่อนไขสำหรับตัวแปรเริ่มต้น
คำแถลง 2 ก็เป็นทางเลือก
หากคำสั่ง 2 ส่งคืนจริงลูปจะเริ่มต้นอีกครั้งและหากถูกส่งคืนเท็จลูปจะสิ้นสุดลง
เคล็ดลับ: หากคุณละเว้นคำสั่ง 2 คุณต้องให้หยุดพักภายในลูป มิฉะนั้นวัฏจักรจะไม่หยุด สิ่งนี้อาจขัดข้องเบราว์เซอร์ โปรดอ่านเกี่ยวกับการหยุดพักในบทต่อมาของบทช่วยสอนนี้
คำสั่ง 3
โดยปกติคำสั่ง 3 จะเพิ่มมูลค่าของตัวแปรเริ่มต้น
คำสั่ง 3 ก็เป็นทางเลือก
คำสั่ง 3 มีการใช้งานมากมาย การเพิ่มขึ้นอาจเป็นจำนวนลบ (i--) หรือใหญ่กว่า (i = i+15)
คำสั่ง 3 สามารถละเว้นได้ (ตัวอย่างเช่นเมื่อมีรหัสที่เกี่ยวข้องภายในลูป):
ตัวอย่าง:
var i = 0, len = cars.length; สำหรับ (; i <len;) {document.write (cars [i]+"<br>"); i ++;}สำหรับ/ในลูป
JavaScript สำหรับ/ในคำสั่งลูปผ่านคุณสมบัติของวัตถุ:
ตัวอย่าง
var person = {fname: "john", lname: "doe", อายุ: 25}; สำหรับ (x ในบุคคล) {txt = txt + person [x]; -คุณจะได้เรียนรู้เพิ่มเติมเกี่ยวกับ/ในลูปในบทเกี่ยวกับวัตถุ JavaScript
ในขณะที่ลูป
คลิกที่ลูปในขณะที่และทำ/ในขณะที่ลูปเพื่อดูบทความนี้
ข้างต้นเป็นเรื่องเกี่ยวกับการวนรอบในจาวาสคริปต์ ฉันหวังว่าคุณจะชอบมัน