วิธีแสดง Flowchart ของ Nested For Loop ใน JavaScript

โครงสร้าง For Loop

ลูป for ประกอบด้วย 3 ส่วนหลัก:

1. Initialization (การเริ่มต้น): กำหนดค่าเริ่มต้นของตัวนับ
2. Test Statement (เงื่อนไข): ตรวจสอบเงื่อนไขก่อนแต่ละรอบ
3. Iteration Statement (การเพิ่ม/ลดค่า): อัปเดตตัวนับหลังแต่ละรอบ

Flowchart ของ Nested For Loop

ภาพด้านล่างแสดงแผนผังไหล (Flowchart) ของลูป for ซ้อนกัน 2 ระดับ:

คำอธิบาย Flowchart

• Start: จุดเริ่มต้น
• Initialize i: กำหนดค่าเริ่มต้นตัวแปร i
• Condition i: ตรวจสอบเงื่อนไขลูปภายนอก
• Initialize j: กำหนดค่าเริ่มต้นตัวแปร j (ภายในลูปภายนอก)
• Condition j: ตรวจสอบเงื่อนไขลูปภายใน
• Body: บล็อกคำสั่งที่ต้องการทำซ้ำ
• Increment j: เพิ่มค่า j
• Increment i: เพิ่มค่า i หลังลูปภายในจบ
• End: จุดสิ้นสุด

ตัวอย่างโค้ด Nested For Loop

for (var i = 0; i < 3; i++) {
  for (var j = 0; j < 4; j++) {
    console.log("i=" + i + ", j=" + j);
  }
}

การทำงาน

ลูปภายนอก (i) ทำงาน 3 รอบ สำหรับแต่ละรอบของ i ลูปภายใน (j) จะทำงานครบ 4 รอบก่อน รวมทั้งหมด 3 × 4 = 12 รอบ