การวนลูปผ่าน Array ใน JavaScript

มีหลายวิธีในการวนลูปผ่าน array ใน JavaScript

For Loops ใน JavaScript

เริ่มจาก for loop มี 2 รูปแบบใน JS รูปแบบแรกคือ init, condition, expr loop initialize statement แรก แล้วแต่ละ iteration รัน expr และเช็ค condition

ตัวอย่าง:

var step;
for (step = 0; step < 5; step++) {
  console.log('Taking step ' + step);
}

ผลลัพธ์:

Taking step 0
Taking step 1
Taking step 2
Taking step 3
Taking step 4

อีกรูปแบบคือ for...in loop for...in statement วน variable ที่ระบุ over enumerable properties ของ object สำหรับแต่ละ distinct property JavaScript รัน statements ที่ระบุ ตัวอย่าง:

let person = {
  name: "John",
  age: 35
};
for (let prop in person) {
  console.log(prop, person[prop]);
}

ผลลัพธ์:

name John
age 35

While Loop ใน JavaScript

จุดประสงค์ของ while loop คือ execute statement หรือ code block ซ้ำๆ ตราบใดที่ expression เป็น true เมื่อ expression กลายเป็น false loop จบ

ตัวอย่าง:

let i = 0;
while (i < 5) {
  console.log("Hello");
  i = i + 1;
}

ผลลัพธ์:

Hello
Hello
Hello
Hello
Hello

Do...While Loop

do...while loop คล้าย while loop แต่ condition check ที่สิ้นสุด loop หมายถึง loop จะรันอย่างน้อย 1 ครั้ง แม้ condition จะ false

ตัวอย่าง:

let i = 0;
do {
  console.log("Hello");
  i = i + 1;
} while (i < 5);

ผลลัพธ์:

Hello
Hello
Hello
Hello
Hello