เข้าใจ Loops ใน JavaScript พื้นฐานสำคัญของนักพัฒนา

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

JavaScript มีลูปหลายรูปแบบที่ออกแบบมาเพื่อตอบโจทย์การใช้งานที่แตกต่างกัน โดยประเภทที่พบบ่อยที่สุดประกอบด้วย:

• for loop: เหมาะสำหรับกรณีที่เราทราบจำนวนครั้งที่ชัดเจนว่าต้องการทำซ้ำกี่รอบ
• while loop: ทำงานซ้ำไปเรื่อยๆ ตราบใดที่เงื่อนไขยังคงเป็นจริง
• do...while loop: คล้ายกับ while แต่จะรันโค้ดข้างในอย่างน้อย 1 ครั้งก่อนที่จะตรวจสอบเงื่อนไข

ภาพประกอบจากคลังภาพสต็อก ไม่ใช่ภาพจากเหตุการณ์จริง

นอกจากลูปพื้นฐานแล้ว JavaScript ยังมีลูปประเภทที่ใช้งานกับโครงสร้างข้อมูลโดยเฉพาะ เช่น for...of loop ซึ่งมีประโยชน์มากเมื่อเราต้องการดึงค่าแต่ละค่าจาก iterable เช่น อาเรย์หรือสตริง เช่น การวนลูปผ่านรายการผลไม้ โดยไม่ต้องมากังวลเรื่องตัวเลข index

ในขณะเดียวกัน for...in loop มักถูกใช้สำหรับการวนลูปผ่าน key ของออบเจ็กต์ เช่น การเข้าถึงชื่อและอายุของข้อมูลนักศึกษา โดยใช้ชื่อ key เพื่อดึงค่าข้อมูลที่เก็บไว้ภายในออบเจ็กต์นั้นๆ ออกมาใช้งาน

ที่มา: Dev.to