ลูป: for, while, do…while, for…of กับ for…in
พื้นฐานลูป: for, while, do…while และเวลาที่ควรใช้ for…of เทียบกับ for…in สำหรับอาร์เรย์และออบเจ็กต์
ลูป: for, while, do…while, for…of กับ for…in เป็นบทเรียน JavaScript Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 2 จากทั้งหมด 3 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน JavaScript Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส JavaScript Academy มีบทเรียนทั้งหมด 3 บทเรียน
บทนำ
เป้าหมาย: เลือกการวนซ้ำที่เหมาะสม เรียนรู้การวนซ้ำแบบนับจำนวน แบบตรวจเงื่อนไข แบบทำก่อนตรวจ และเมื่อใดควรใช้การวนซ้ำตามค่าเทียบกับการวนซ้ำตามคีย์
- การวนซ้ำแบบนับจำนวน
- การวนซ้ำตามเงื่อนไข
- การวนซ้ำตามค่าหรือคีย์
พื้นฐานการวนซ้ำแบบนับจำนวน
การวนซ้ำแบบนับจำนวนเหมาะเมื่อคุณต้องใช้ดัชนีและเงื่อนไขหยุดการทำงาน
// Classic for: great for indexes
const nums = [2, 4, 6];
for (let i = 0; i < nums.length; i++) {
console.log("Index:", i, "Value:", nums[i]);
}
พื้นฐานการวนซ้ำตามเงื่อนไข
การวนซ้ำตามเงื่อนไขจะตรวจสอบเงื่อนไขก่อน โปรดตรวจสอบให้แน่ใจว่าตัวแปรควบคุมการวนซ้ำมีการเปลี่ยนแปลง
// while: run while a condition stays true
let count = 3;
while (count > 0) {
console.log("Countdown:", count);
count = count - 1;
}
console.log("Go!");
พื้นฐานการวนซ้ำแบบทำก่อนตรวจ
การวนซ้ำแบบทำก่อนตรวจจะทำงานในส่วนเนื้อหาก่อน แล้วจึงตรวจสอบเงื่อนไข เหมาะเมื่อคุณต้องการให้ทำงานอย่างน้อยหนึ่งครั้ง
// do…while: runs the body at least once
let tries = 0;
do {
console.log("Attempt:", tries + 1);
tries = tries + 1;
} while (tries < 2);
การวนซ้ำตามค่าเทียบกับการวนซ้ำตามคีย์
การวนซ้ำตามค่าจะส่งคืนค่า ส่วนการวนซ้ำตามคีย์จะส่งคืนคีย์และอาจรวมคีย์ที่สืบทอดมา
// for…of: values of an iterable (arrays, strings, etc.)
// for…in: keys (property names)
const colors = ["red", "green", "blue"];
for (const value of colors) {
console.log("of value:", value);
}
for (const key in colors) {
console.log("in key:", key);
}
คำแนะนำเกี่ยวกับการวนซ้ำ
คำแนะนำ:
- ควรใช้การวนซ้ำตามค่าสำหรับอาร์เรย์เพื่อรับค่าโดยตรง
- ใช้การวนซ้ำตามคีย์สำหรับคีย์ของออบเจ็กต์ (ไม่ใช่อาร์เรย์)
- หลีกเลี่ยงการวนซ้ำไม่รู้จบ โดยปรับปรุงตัวแปรควบคุมการวนซ้ำทุกครั้ง
แบบทดสอบการวนซ้ำตามค่าเทียบกับการวนซ้ำตามคีย์
ตรวจสอบอย่างรวดเร็ว: รับค่าในอาร์เรย์โดยตรง
สรุปทบทวน
สรุปทบทวน: ใช้การวนซ้ำแบบนับจำนวนสำหรับดัชนี ใช้การวนซ้ำตามเงื่อนไขสำหรับการวนซ้ำที่ขับเคลื่อนด้วยเงื่อนไข ใช้การวนซ้ำแบบทำก่อนตรวจเพื่อทำงานหนึ่งครั้งแล้วจึงตรวจสอบ และใช้การวนซ้ำตามค่าสำหรับค่าในอาร์เรย์
คำถามที่พบบ่อย
บทเรียน “ลูป: for, while, do…while, for…of กับ for…in” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “ลูป: for, while, do…while, for…of กับ for…in” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส JavaScript Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส JavaScript Academy มีบทเรียนทั้งหมด 3 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “ลูป: for, while, do…while, for…of กับ for…in”
พื้นฐานลูป: for, while, do…while และเวลาที่ควรใช้ for…of เทียบกับ for…in สำหรับอาร์เรย์และออบเจ็กต์ คุณปฏิบัติ JavaScript Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน JavaScript Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน JavaScript Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 2 จากทั้งหมด 3 บทเรียน
บทเรียน “ลูป: for, while, do…while, for…of กับ for…in” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน JavaScript Academy นี้ได้ไหม
ได้ บทเรียน JavaScript Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- if/else และ switch — รูปแบบหลัก
- ลูป: for, while, do…while, for…of กับ for…in
- การคืนค่าก่อนเวลาและประโยคเฝ้าระวัง