JavaScript Loops (for, while และ do while)

   อัปเดตล่าสุด May 5, 2024

ลูป for  (Loops) เป็นโครงสร้างควบคุมการทำงานที่สำคัญในการเขียนโปรแกรม ช่วยให้สามารถดำเนินการทำซ้ำบางส่วนของโค้ดตามเงื่อนไขที่กำหนด JavaScript มีลูปให้เลือกใช้งานหลายแบบ ได้แก่  for ,  while  และ  do...while  ซึ่งแต่ละแบบมีวิธีใช้และกรณีการประยุกต์ใช้ที่แตกต่างกัน


for loop

ลูป for  เป็นลูปที่ใช้บ่อยที่สุดใน JavaScript มีโครงสร้างดังนี้

for (initialization; condition; step) {
// code ที่จะให้ทำงาน
}


คำอธิบาย

  •  finitialization : กำหนดค่าเริ่มต้นของตัวแปรที่ใช้ในการควบคุมลูป (มักใช้  let  เพื่อประกาศตัวแปร)
  •  condition: เงื่อนไขในการดำเนินการลูป ถ้าเงื่อนไขเป็นจริง ลูปจะทำงานต่อไป ถ้าเป็นเท็จ ลูปจะสิ้นสุด
  •  step : การเปลี่ยนแปลงค่าของตัวแปรควบคุมลูปในแต่ละรอบ (มักใช้เครื่องหมาย `++` หรือ `--`)


ตัวอย่างการใช้ลูป  for :

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


ผลลัพธ์:

0
1
2
3
4


While Loop

ลูป while  จะดำเนินการซ้ำตราบเท่าที่เงื่อนไขเป็นจริง มีโครงสร้างดังนี้

while (condition) {
// code ที่จะให้ทำงาน
}


คำอธิบาย

  • condition : เงื่อนไขในการดำเนินการลูป ถ้าเงื่อนไขเป็นจริง ลูปจะทำงานต่อไป ถ้าเป็นเท็จ ลูปจะสิ้นสุด


ตัวอย่างการใช้ while 

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


ผลลัพธ์

0
1
2
3
4


Do While Loop

ลdo...while คล้ายกับลูป while แต่จะดำเนินการโค้ดในลูปก่อนอย่างน้อยหนึ่งครั้ง จากนั้นจึงตรวจสอบเงื่อนไข มีโครงสร้างดังนี้

do {
// code to be executed
} while (condition);


ตัวอย่างการใช้ลูป do...while

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


ผลลัพธ์:

0
1
2
3
4


การใช้ break และ continue

คำสั่ง break ใช้เพื่อหยุดการทำงานของลูปทันที แม้ว่าเงื่อนไขจะยังเป็นจริงอยู่ ส่วนคำสั่ง continue ใช้เพื่อข้ามการทำงานในรอบปัจจุบันของลูป และเริ่มรอบใหม่ทันที


ตัวอย่างการใช้ break และ continue 

for (let i = 0; i < 10; i++) {
if (i === 4) {
break;
}
console.log(i);
}


ผลลัพธ์:

0
1
2
3


for (let i = 0; i < 10; i++) {
if (i % 2 === 0) {
continue;
}
console.log(i);
}


ผลลัพธ์:

1
3
5
7
9


สรุป

ลูปเป็นเครื่องมือสำคัญในการเขียนโปรแกรมที่มีประสิทธิภาพ ช่วยให้สามารถดำเนินการซ้ำบางส่วนของโค้ดได้อย่างง่ายดาย การเลือกใช้ลูปที่เหมาะสมและกำหนดเงื่อนไขที่ถูกต้องจะช่วยให้สามารถควบคุมการทำงานของโปรแกรมได้ตรงตามต้องการ