📌 พื้นฐานของ JavaScript : วนลูป (Loops)
1️⃣ วนลูปคืออะไร?
-
วนลูปคือคำสั่งที่ใช้ในการทำซ้ำคำสั่งเดิมหลายครั้งตามเงื่อนไข
-
ช่วยลดความซ้ำซ้อนของโค้ด
2️⃣ ประเภทของลูปใน JavaScript
ชนิดของลูป | ใช้เมื่อ |
---|---|
for |
รู้จำนวนรอบแน่นอน |
while |
วนจนกว่าเงื่อนไขจะเป็นเท็จ |
do...while |
ทำอย่างน้อย 1 ครั้งก่อนตรวจสอบเงื่อนไข |
for...of |
วนผ่านค่าในอาร์เรย์ (หรือ iterable object) |
for...in |
วนผ่าน key ของ object |
3️⃣ การใช้แต่ละชนิดของลูป
3.1 🔁 for
loop
นิยมใช้เมื่อรู้จำนวนรอบแน่นอน
คำอธิบาย
-
เริ่มจาก
i = 0
-
ตรวจสอบเงื่อนไข
i < 5
-
ถ้าจริง → รันคำสั่ง → เพิ่มค่า
i++
→ เช็คใหม่
3.2 🔁 while
loop
ใช้เมื่อไม่แน่ใจจำนวนรอบแน่นอน
คำเตือน: ระวังไม่ให้เขียนจนกลายเป็นลูปไม่รู้จบ (infinite loop)
3.3 🔁 do...while
loop
ทำก่อน 1 ครั้ง ค่อยตรวจสอบเงื่อนไข
ความแตกต่างจาก while
:
do...while
จะรันรอบแรกก่อนเช็คเงื่อนไขเสมอ
3.4 🔁 for...of
loop
ใช้สำหรับวนผ่านค่าของ Array, String, Set, Map
3.5 🔁 for...in
loop
ใช้สำหรับวนผ่าน key ของ Object
หมายเหตุ:
-
for...in
ใช้กับ Object (key) -
for...of
ใช้กับ Array (value)
4️⃣ คำสั่งพิเศษในลูป
🔸 break
: หยุดลูปทันที
🔸 continue
: ข้ามรอบนี้ ไปทำรอบถัดไป