คอร์ส IT พื้นฐาน JavaScript 042_ลูป while、for

1
let i = 0; // นิพจน์เริ่มต้น, โดยทั่วไปใช้สำหรับประกาศตัวแปรตัวนับ, ถ้าไม่มีจะเกิดข้อผิดพลาด undefined
2
while (i < 5) { // เงื่อนไขลูป, ถ้าเป็น `true` ลูปจะทำงานต่อไป
3
  console.log(i);
4
  i++; // ตัววนซ้ำ, โดยทั่วไปใช้สำหรับอัปเดตตัวแปรตัวนับให้ตรงกับเงื่อนไขลูป
5
}

1
let i = 0;
2
  while (1) { // เงื่อนไขเป็น true เสมอจะเข้าสู่ลูปไม่มีที่สิ้นสุด
3
    console.log(i);
4
    i++; // โดยทั่วไปใช้รูปแบบนี้ในการอัปเดตตัวนับสำหรับเงื่อนไขลูป
5
    if (i >= 5) break;  // หากคอมเมนต์บรรทัดนี้จะเข้าสู่โหมดลูปไม่มีที่สิ้นสุด
6
}

1
let i = 0;
2
do {
3
  console.log(i);
4
  i++;
5
} while (i < 5);

1
for (let i = 0; i < 5; i++) {
2
  console.log(i);
3
}

1
let i = 0;
2
  for ( ; ; ) { // การละเว้นเงื่อนไขทั้งหมดจะเข้าสู่ลูปไม่มีที่สิ้นสุด
3
    console.log(i);
4
    i++; // โดยทั่วไปใช้รูปแบบนี้ในการอัปเดตตัวนับสำหรับเงื่อนไขลูป
5
  if (i >= 5) break;  // หากคอมเมนต์บรรทัดนี้จะเข้าสู่โหมดลูปไม่มีที่สิ้นสุด
6
}

1
let x = 0;
2
for (; x < 5; x++) {
3
  console.log(x);
4
}
5
// ละเว้นนิพจน์เริ่มต้น, ย้ายไปยังภายนอกลูป, ลูปยังคงใช้งานได้
6

7
let y = 0;
8
for (;; y++) {
9
  if (y >= 5) {
10
    break;
11
  }
12
  console.log(y);
13
}
14
// ละเว้นเงื่อนไขลูป, ยุติลูปผ่านคำสั่ง `if` และ `break`
15

16
let z = 0;
17
for (; z < 5;) {
18
  console.log(z);
19
  z++;
20
}
21
// ละเว้นตัววนซ้ำ, ตัววนซ้ำถูกย้ายเข้าไปในตัวลูป, ลูปยังคงใช้งานได้

1
// ตัวอย่าง A
2
for (let i = 1; i <= 5; i++) { // ลูปภายนอก, ควบคุมจำนวนแถว, จาก 1 ถึง 5
3
  let row = ''; // ทุกครั้งที่รันลูปภายนอก, สร้างสตริงว่าง `row`, ใช้สำหรับเก็บดาวของแถวปัจจุบัน
4
  for (let j = 1; j <= i; j++) { // ลูปภายใน, ควบคุมจำนวนดาวในแต่ละแถว, จาก 1 ถึงจำนวนแถวปัจจุบัน `i`
5
    row += '⭐ '; // เพิ่มดาวลงใน `row`, สร้างสตริงดาวของแถวปัจจุบัน
6
  }
7
  console.log(row); // แสดงสตริงดาวของแถวปัจจุบัน
8
}

1
// ตัวอย่าง B
2
for (let i = 1; i <= 5; i++) { // ลูปภายนอกแทนจำนวนแถว
3
    for (let j = 1; j <= i; j++) { // ลูปภายในแทนคอลัมน์
4
        document.write('⭐'); // ใช้ดาวเป็นองค์ประกอบกราฟิก
5
    }
6
    document.write('</br>'); // ขึ้นบรรทัดใหม่
7
}

1
// ตัวอย่าง A
2
for (let i = 5; i >= 1; i--) { // ลูปภายนอก, ควบคุมจำนวนแถว, จาก 1 ถึง 5
3
  let row = ''; // ทุกครั้งที่รันลูปภายนอก, สร้างสตริงว่าง `row`, ใช้สำหรับเก็บดาวของแถวปัจจุบัน
4
  for (let j = 1; j <= i; j++) { // ลูปภายใน, ควบคุมจำนวนดาวในแต่ละแถว, จาก 1 ถึงจำนวนแถวปัจจุบัน `i`
5
    row += '* ';  // เพิ่มดาวลงใน `row`, สร้างสตริงดาวของแถวปัจจุบัน
6
  }
7
  console.log(row);  // แสดงสตริงดาวของแถวปัจจุบัน
8
}

1
// ตัวอย่าง B
2
for (let i = 1; i <= 5; i++) { // ลูปภายนอกแทนจำนวนแถว
3
    for (let j = 0; j <= 5 - i; j++) { // ลูปภายในแทนคอลัมน์
4
        document.write('⭐'); // ใช้ดาวเป็นองค์ประกอบกราฟิก
5
    }
6
    document.write('</br>'); // ขึ้นบรรทัดใหม่
7
}

1
let count = 0;
2
while (true) {
3
  console.log("อยู่ในลูป...");
4
  // จำลองเงื่อนไข, เมื่อเงื่อนไขตรงตามจะออกจากลูป
5
  if (count === 5) {
6
    console.log("ตรงตามเงื่อนไข, ออกจากลูป");
7
    break;
8
  }
9
  count++;
10
}

1
for (let i = 0; i < 8; i++) {
2
    if (i % 2 === 0) {
3
        continue; // เมื่อ i หารเหลือ 2 เป็น 0 จะข้ามการวนซ้ำปัจจุบันและดำเนินการวนซ้ำครั้งถัดไป
4
    }
5
    console.log(i);
6
}