Javascript for Kids · บทเรียน

เหตุผลที่เราใช้ลูป

ลูปทำงานซ้ำให้คุณ จึงไม่ต้องทำเอง

บทเรียน 1 จาก 413 ขั้นตอน

เหตุผลที่เราใช้ลูป เป็นบทเรียน Javascript for Kids ฟรีบน CoddyKit นี่คือบทเรียนที่ 1 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Javascript for Kids และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Javascript for Kids มีบทเรียนทั้งหมด 4 บทเรียน

ทำไมต้องใช้การวนซ้ำ? 🔁

สวัสดีค่ะ นักสำรวจการวนซ้ำ! 🌟 ลองนึกภาพว่าต้องพูดว่า “สวัสดี” 100 ครั้งสิคะ น่าเบื่อมาก! 😴

การวนซ้ำ ให้คอมพิวเตอร์ทำงานซ้ำแทนเราค่ะ ฉลาดจริง ๆ! 🪄

console.log("Hello!")
console.log("Hello!")
console.log("Hello!")

การทำซ้ำด้วยมือช่างน่าเบื่อ 😮‍💨

การเขียนบรรทัดเดิมซ้ำแล้วซ้ำอีกทั้งช้าและเหนื่อยค่ะ

ดูสิคะ แค่พูดว่าสวัสดีสามครั้งก็ต้องเขียนตั้งหลายบรรทัดแล้ว! ต้องมีวิธีที่ดีกว่านี้แน่ ๆ 🤔

console.log("Hi 1")
console.log("Hi 2")
console.log("Hi 3")

การวนซ้ำมาช่วยแล้ว! 🦸

การวนซ้ำทำงานซ้ำให้คุณ (FOR)! คุณเขียนเพียงครั้งเดียว แต่มันทำงานได้ MANY ครั้งค่ะ

เหมือนเครื่องถ่ายเอกสารวิเศษเลยค่ะ! 🖨️

for (let i = 0; i < 3; i++) {
  console.log("Hi from a loop! 👋")
}

มีอะไรอยู่ในการวนซ้ำ? 🔍

โค้ดที่อยู่ภายใน { } คือสิ่งที่ถูกทำซ้ำค่ะ!

การวนซ้ำจะรันโค้ดนั้นซ้ำแล้วซ้ำอีกค่ะ 🔂

for (let i = 0; i < 4; i++) {
  console.log("Repeat me! 🔁")
}

การวนซ้ำช่วยประหยัดเวลา ⏰

อยากพิมพ์ดาว 5 ดวงไหมคะ? การวนซ้ำทำได้อย่างรวดเร็วมากค่ะ!

ไม่ต้องพิมพ์สิ่งเดิม 5 ครั้งค่ะ ⭐⭐⭐⭐⭐

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

การวนซ้ำในชีวิตจริง 🌍

คุณใช้การวนซ้ำทุก day เลยค่ะ! แปรงฟันทีละซี่ กินขนมทีละชิ้นจาก bag และกระโดดขึ้นทีละ step 🦷🍬🪜

การทำสิ่งเดิม MANY ครั้ง IS การวนซ้ำค่ะ!

for (let i = 0; i < 3; i++) {
  console.log("Hop! 🐰")
}

นับจำนวนครั้งที่กระโดด 🐰

การวนซ้ำสามารถนับได้ค่ะ! แต่ละรอบเรียกว่า รอบ หรือ การวนซ้ำ

มานับจำนวนครั้งที่เรากระโดดกันเถอะค่ะ 🔢

for (let i = 1; i <= 3; i++) {
  console.log("Hop number " + i)
}

ให้อาหารสัตว์ 🐶

ลองนึกภาพว่าต้องให้อาหารลูกสุนัข 4 ตัวนะคะ การวนซ้ำจะให้อาหารพวกมันทั้งหมดค่ะ!

การวนซ้ำหนึ่งครั้ง ลูกสุนัขมีความสุขสี่ตัวค่ะ 🐶🐶🐶🐶

for (let i = 0; i < 4; i++) {
  console.log("Feeding a puppy! 🦴")
}

มากเกินไปหรือน้อยเกินไป? 🎚️

คุณควบคุมได้ว่าการวนซ้ำจะทำงานกี่ MANY ครั้ง ด้วยการเปลี่ยนตัวเลขเพียงตัวเดียวค่ะ!

ลองเปลี่ยน 3 ให้เป็นตัวเลขที่ใหญ่ขึ้นนะคะ 🔢

for (let i = 0; i < 3; i++) {
  console.log("Loop! 🔁")
}

การวนซ้ำและรูปแบบ 🎨

การวนซ้ำเหมาะมากสำหรับสร้างรูปแบบ เช่น แถวของดาวหรือหัวใจค่ะ!

อีกไม่นานเราจะวาดรูปแบบสวย ๆ กันค่ะ 💖

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

การวนซ้ำครั้งแรกของคุณ 🧒

สร้างการวนซ้ำที่ส่งเสียงเชียร์กันค่ะ! เปลี่ยนตัวเลขเพื่อให้เสียงเชียร์มากขึ้นหรือน้อยลง

ตอนนี้คุณเป็นหัวหน้าการวนซ้ำแล้วค่ะ! 🎉

for (let i = 0; i < 3; i++) {
  console.log("Go team! 🎉")
}

ตรวจสอบอย่างรวดเร็ว ✅

คำถามเรื่องการวนซ้ำค่ะ! คุณทำได้แน่นอน! 🌀

นักสำรวจการวนซ้ำ! 🏆

ยอดเยี่ยมมากค่ะ! 🎉 วันนี้คุณได้เรียนรู้ว่า:

  • การวนซ้ำช่วยทำงานซ้ำแทนเรา
  • โค้ดที่อยู่ภายใน { } จะทำงาน MANY ครั้ง
  • คุณควบคุมจำนวนครั้งได้ด้วยตัวเลข

คุณพร้อมที่จะใช้การวนซ้ำแล้วค่ะ! ⭐

for (let i = 0; i < 1; i++) {
  console.log("I understand loops! 🎉")
}
เริ่มต้นได้ฟรี

เรียนรู้ JavaScript ด้วย AI tutor — ฟรี

เขียนและเรียกใช้โค้ดจริงในเบราว์เซอร์ของคุณ รับความช่วยเหลือทันทีจาก AI tutor 24/7 และเรียนรู้ต่อจากที่คุณหยุดบนเว็บหรือในแอป

คอร์ส
35
บทเรียน
140

คำถามที่พบบ่อย

บทเรียน “เหตุผลที่เราใช้ลูป” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “เหตุผลที่เราใช้ลูป” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Javascript for Kids ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Javascript for Kids มีบทเรียนทั้งหมด 4 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “เหตุผลที่เราใช้ลูป”

ลูปทำงานซ้ำให้คุณ จึงไม่ต้องทำเอง คุณปฏิบัติ Javascript for Kids ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน

คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Javascript for Kids หรือไม่

ไม่จำเป็นต้องมีประสบการณ์มาก่อน Javascript for Kids บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 1 จากทั้งหมด 4 บทเรียน

บทเรียน “เหตุผลที่เราใช้ลูป” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน Javascript for Kids นี้ได้ไหม

ได้ บทเรียน Javascript for Kids ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. เหตุผลที่เราใช้ลูป
  2. การนับด้วยลูป for
  3. การทำซ้ำด้วย while
  4. การวาดรูปแบบด้วยลูป
← กลับไปที่ Javascript for Kids