สมัครเรียนโทร. 085-350-7540 , 084-88-00-255 , ntprintf@gmail.com
บทความโดย EPT – Expert-Programming-Tutor
ก่อนจะพูดถึง `for loop` ในภาษา JavaScript คุณควรที่จะรู้ก่อนว่า "การวนซ้ำ" หรือ "loop" คือหนึ่งในพื้นฐานสำคัญของการเขียนโปรแกรมที่เราสามารถนำมาใช้เพื่อทำซ้ำกิจกรรมหนึ่งๆ ตามเงื่อนไขที่กำหนดไว้ ไม่ว่าจะเป็นการพิมพ์คำออกทางหน้าจอ, การคำนวณค่าสถิติ, หรือแม้กระทั่งการอ่านข้อมูลจากไฟล์.
`For loop` เป็นหนึ่งใน loop ยอดนิยมที่นักพัฒนาชื่นชอบมากที่สุด ในภาษา JavaScript `for loop` ช่วยให้เราระบุเงื่อนไขการเริ่มต้น, เงื่อนไขที่จะทำให้ loop หยุดการทำงาน, และการเปลี่ยนแปลงของตัวแปรจนกว่า loop จะสิ้นสุด.
โครงสร้างทั่วไปของ `for loop` ในภาษา JavaScript คือ:
for (initialization; condition; final-expression) {
// Statements
}
ตัวอย่างโค้ด for loop ธรรมดา:
for (let i = 0; i < 5; i++) {
console.log(i);
}
ในตัวอย่างข้างต้น ตัวแปร `i` ถูกตั้งค่าเริ่มต้นที่ 0 และ loop จะทำงานต่อไปจนกว่า `i` จะน้อยกว่า 5 โดยหลังจากทุกรอบของ loop ตัวแปร `i` จะเพิ่มขึ้น 1 ทำให้ผลลัพธ์ที่พิมพ์ออกมาเป็น 0 ถึง 4.
ตอนนี้มาดูตัวอย่างการใช้งาน `for loop` ในโลกจริงบนภาษา JavaScript:
let fruits = ["apple", "banana", "cherry"];
for (let i = 0; i < fruits.length; i++) {
console.log("I love " + fruits[i]);
}
ในตัวอย่างนี้ เรามี array ที่เรียกว่า `fruits` ซึ่งประกอบไปด้วยชื่อผลไม้ ด้วยการใช้ `for loop` เราสามารถพิมพ์ชื่อผลไม้พร้อมกับข้อความ "I love" ได้ออกมาอย่างง่ายดาย.
let numbers = [1, 2, 3, 4, 5];
let sum = 0;
for (let i = 0; i < numbers.length; i++) {
sum += numbers[i];
}
console.log("Total is: " + sum);
ในตัวอย่างข้างต้น เราสร้าง array ที่ประกอบด้วยตัวเลขและใช้ `for loop` เพื่อคำนวณผลรวมของตัวเลขเหล่านั้น.
การใช้ `for loop` ยังมีความยืดหยุ่นมาก คุณสามารถใช้มันในการแก้ปัญหาทางการเขียนโปรแกรมได้หลายอย่าง เช่น การแสดงรายการข้อมูลที่เรียงลำดับ, การทำงานกับ DOM ของเพจ HTML, หรือแม้กระทั่งในการทำเกมส์บนเว็บ.
หากต้องการเรียนรู้การเขียนโปรแกรมอย่างมืออาชีพ และค้นพบเคล็ดลับและเทคนิคอื่นๆ พร้อมด้วยตัวอย่าง code ที่มีประโยชน์อีกมากมาย เราขอเชิญชวนคุณมาเรียนรู้กับเราที่ Expert-Programming-Tutor (EPT) ซึ่งเป็นโรงเรียนสอนการเขียนโปรแกรมที่จะช่วยให้คุณพัฒนาทักษะไปอีกขั้น เรียนรู้ด้วยการปฏิบัติจริง และพร้อมพบกับโอกาสใหม่ๆ ในโลกของการเขียนโปรแกรม. ไม่ว่าคุณจะอยู่ระดับไหน ที่ EPT เราพร้อมเป็นผู้นำคุณไปสู่ความเป็นมืออาชีพ.
หมายเหตุ: ข้อมูลในบทความนี้อาจจะผิด โปรดตรวจสอบความถูกต้องของบทความอีกครั้งหนึ่ง บทความนี้ไม่สามารถนำไปใช้อ้างอิงใด ๆ ได้ ทาง EPT ไม่ขอยืนยันความถูกต้อง และไม่ขอรับผิดชอบต่อความเสียหายใดที่เกิดจากบทความชุดนี้ทั้งทางทรัพย์สิน ร่างกาย หรือจิตใจของผู้อ่านและผู้เกี่ยวข้อง
Tag ที่น่าสนใจ: for_loop javascript loop programming iteration array dom_manipulation game_development programming_tutorial code_examples
หากมีข้อผิดพลาด/ต้องการพูดคุยเพิ่มเติมเกี่ยวกับบทความนี้ กรุณาแจ้งที่ http://m.me/Expert.Programming.Tutor
085-350-7540 (DTAC)
084-88-00-255 (AIS)
026-111-618
หรือทาง EMAIL: NTPRINTF@GMAIL.COM
Copyright (c) 2013 expert-programming-tutor.com. All rights reserved. | 085-350-7540 | 084-88-00-255 | ntprintf@gmail.com