1: for loop for
loop จะกำหนดตัวแปรล่วงหน้าที่ควบคุมจำนวนลูปในคำสั่ง for ดังนั้นคำสั่ง for loop จึงสามารถดำเนินการวนซ้ำตามจำนวนลูปที่ทราบได้ ซึ่งเหมาะสำหรับสถานการณ์ที่จำนวนลูป เวลาที่สคริปต์จำเป็นต้องเรียกใช้เป็นที่รู้จักอย่างชัดเจน
รูปแบบไวยากรณ์ของ for loop เป็นดังนี้:
for (คำสั่งการเริ่มต้น เงื่อนไขของลูป การอัพเดตตัวแปร - เพิ่มหรือลด) {
บล็อกคำสั่ง;
} คำสั่ง for loop สามารถแยกออกเป็น 4 ส่วน: สามนิพจน์ใน () และ "statement block" ใน {} มาวิเคราะห์กันด้านล่าง
การวิเคราะห์คำชี้แจง:
คำสั่งการเริ่มต้น (นิพจน์ 1): ส่วนใหญ่จะใช้เพื่อเริ่มต้นค่าตัวแปร ซึ่งใช้ในการตั้งค่าตัวนับ นั่นคือค่าที่จุดเริ่มต้นของลูป คำสั่งนี้จะถูกดำเนินการเฉพาะในช่วงแรกเท่านั้น และจะไม่เป็นเช่นนี้ ดำเนินการอีกครั้งในอนาคต
เงื่อนไขลูป (นิพจน์ 2): เงื่อนไขข้อจำกัดของการดำเนินการลูป ใช้เพื่อควบคุมว่าจะรันโค้ดในส่วนเนื้อหาของลูปหรือไม่ หากเงื่อนไขเป็น TRUE การวนซ้ำจะดำเนินต่อไป หากเงื่อนไขเป็น FALSE การวนซ้ำจะสิ้นสุดและออกจากการวนซ้ำ โดยทันที.
การอัปเดตตัวแปร (นิพจน์ 3): นิพจน์ที่มีการดำเนินการเพิ่มขึ้นหรือลดลง ทุกครั้งที่ดำเนินการวนซ้ำ ค่าของตัวนับจะถูกแก้ไขทันทีเพื่อให้เงื่อนไขของลูปค่อยๆ กลายเป็น "ไม่เป็นความจริง"
บล็อกคำสั่ง: รหัสจำนวนหนึ่งที่ต้องดำเนินการเมื่อเงื่อนไขถูกตัดสินว่าเป็นจริง
คำอธิบายข้างต้นน่าสับสนเล็กน้อยหรือไม่ มาดู ผังการดำเนินการของคำสั่ง for loop เพื่อทำความเข้าใจกระบวนการดำเนินการของ for loop กันโดยสังหรณ์ใจมากขึ้น:
ตอนนี้เราเข้าใจกระบวนการดำเนินการของ for loop แล้ว มาดำเนินการจริงและตั้งคำถามเล็กๆ น้อยๆ เพื่อดูว่าเราเชี่ยวชาญมันแล้วหรือยัง!
ตัวอย่าง: คำนวณผลรวมตั้งแต่ 1 ถึง 100
<script type="text/javascript">
ผลรวม var=0;
สำหรับ(var i=1; i<=100; i++){
ผลรวม+=ฉัน;
-
console.log('1 + 2 + 3 +...+ 99 + 100 = '+ผลรวม);
</สคริปต์> 
สามนิพจน์ใน
JS for loop สามารถละเว้นได้ แต่ไม่สามารถละเว้นอัฒภาคที่ใช้เพื่อแยกสามนิพจน์ได้ ดังที่แสดงในตัวอย่างต่อไปนี้:
// ละเว้นนิพจน์แรก สูตร var i = 0;
สำหรับ (; ฉัน < 5; i ++) {
// รหัสที่จะดำเนินการ}
// ละเว้นนิพจน์ที่สองสำหรับ (var y = 0; ; y++) {
ถ้า(y>5){
หยุดพัก;
-
// รหัสที่จะดำเนินการ}
// ละเว้นนิพจน์ที่หนึ่งและสาม var j = 0;
สำหรับ (; เจ < 5;) {
// รหัสที่จะดำเนินการ j++;
-
// ละเว้นนิพจน์ทั้งหมด var z = 0;
สำหรับ (;;) {
ถ้า(z>5){
หยุดพัก;
-
// รหัสที่จะดำเนินการ z++;
} สอง: สำหรับการซ้อนลูป
ไม่ว่าจะเป็นลูปประเภทใดก็ตาม ก็สามารถซ้อนกันได้ (นั่นคือ ลูปตั้งแต่หนึ่งลูปขึ้นไปถูกกำหนดไว้ในลูป)
รูปแบบไวยากรณ์:
for (คำสั่งการเริ่มต้น 1; เงื่อนไขลูป; การอัพเดตตัวแปร - การเพิ่มขึ้นด้วยตนเองหรือการลดตนเอง) {
// บล็อกคำสั่ง 1;
สำหรับ (คำสั่งการเริ่มต้น 2; เงื่อนไขการวนซ้ำ; การอัพเดตตัวแปร - การเพิ่มขึ้นหรือการลดตนเอง) {
// บล็อกคำสั่ง 2;
สำหรับ (คำสั่งการเริ่มต้น 3; เงื่อนไขการวนซ้ำ; การอัพเดตตัวแปร - เพิ่มหรือลด) {
// บล็อกคำสั่ง 3;
-
-
-
} ที่นี่ เรากำหนด for loops สามรายการ แน่นอนว่าเราสามารถซ้อน for loops ได้มากเท่าที่เราต้องการ
กรณี: for loop ใช้ตารางสูตรคูณ
ขั้นแรก มาดูตารางสูตรคูณกันก่อน
เราสามารถวาดรูปแบบของแผนภูมิได้:
มีทั้งหมด 9 แถวและ 9 คอลัมน์ และในแต่ละแถวก็มีหลายนิพจน์
บนบรรทัดที่ i นิพจน์เริ่มต้นจาก i*1 และสิ้นสุดที่ i*i มีนิพจน์ i ทั้งหมด (เราสามารถบรรลุผลนี้ผ่านการวนซ้ำ)
ดังนั้นจึงจำเป็นต้องมีการวนซ้ำสองครั้งเพื่อควบคุมเอาต์พุต ถึงฉัน)
รหัสการใช้งาน:
for(var i = 1; i <= 9; i++){ // แถวควบคุมวงนอกสำหรับ (var j = 1; j <= i; j++) // คอลัมน์ควบคุมวงใน {
document.write(j+"*"+i+"="+j*i+" ");
-
document.write("</br>");
} ผลลัพธ์เอาท์พุต:
นอกจากนี้เรายังสามารถใส่ตารางสูตรคูณ 99 ลงในตารางแล้วส่งออกตามที่แสดงในภาพเริ่มต้น:
document.write("<table>");
สำหรับ (var i = 1; i <= 9; i++) { //บรรทัดควบคุมวงนอก document.write("<tr>");
สำหรับ (var j = 1; j <= i; j++) // คอลัมน์ควบคุมวงใน {
document.write("<td>" + j + "*" + i + "=" + j * i + "</td>");
-
//ตัวแบ่งบรรทัด ควบคุมจำนวนนิพจน์ในแต่ละบรรทัด document.write("</tr>");
-
document.write("</table>"); จากนั้นเพิ่มสไตล์ css เพื่อแก้ไข:
โต๊ะ {
ความกว้าง: 600px;
ชายแดนยุบ: แยก;
-
ตาราง td {
เส้นขอบ: #000 1px ทึบ;
การจัดแนวข้อความ: กึ่งกลาง;
} ดูผลลัพธ์:
[การเรียนรู้ที่แนะนำ: บทช่วยสอนขั้นสูงของ JavaScript]
ข้างต้นคือเนื้อหาโดยละเอียดของการเรียนรู้ JS loop: การใช้คำสั่ง for loop (ตัวอย่างโดยละเอียด) สำหรับข้อมูลเพิ่มเติม โปรดใส่ใจกับบทความอื่น ๆ ที่เกี่ยวข้องบนเว็บไซต์ภาษาจีน PHP!
