Javascript for Kids · บทเรียน

การถามตามลำดับ

วนลูปผ่านคำถามเหล่านั้น

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

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

ทีละข้อ ตามลำดับ! 🔁

รายการตอบคำถามจะถามคำถาม ONE BY ONE ตามลำดับ เราใช้การวนซ้ำเพื่อทำงานนี้โดยอัตโนมัติ! มาเรียนรู้วิธีทำกัน 🎤

การวนซ้ำคืออะไร? 🌀

การวนซ้ำจะทำโค้ดเดิมซ้ำ ๆ เพื่อที่เราจะได้ไม่ต้องพิมพ์โค้ดนั้นหลายครั้ง เป็นการขี้เกียจอย่างชาญฉลาด! 😎

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

วนดูรายการ 📋

วนดูคำถามทุกข้อในรายการแบบทดสอบทีละข้อ

let quiz = ["Q1?", "Q2?", "Q3?"]
for (let i = 0; i < quiz.length; i++) {
  console.log(quiz[i])
}

ใส่หมายเลขคำถาม 1️⃣2️⃣3️⃣

ผู้เล่นชอบรู้ว่าตอนนี้กำลังทำคำถามข้อใดอยู่! เพิ่มหมายเลขกำกับ

let quiz = ["Sky color?", "Grass color?"]
for (let i = 0; i < quiz.length; i++) {
  console.log("Question " + (i + 1) + ": " + quiz[i])
}

ถามคำถามจากออบเจ็กต์ 📦

คำถามของเราเป็นออบเจ็กต์ ดังนั้นให้อ่านส่วน .question ภายในการวนซ้ำ

let quiz = [
  { question: "Sky color?", answer: "blue" },
  { question: "Snow color?", answer: "white" }
]
for (let i = 0; i < quiz.length; i++) {
  console.log(quiz[i].question)
}

การวนซ้ำที่ใช้ง่ายขึ้น: forEach 🤝

forEach คือการวนซ้ำที่ใช้ง่ายและเข้าถึงแต่ละรายการได้อย่างเป็นระเบียบ!

let quiz = ["What is 1+1?", "What is 2+2?"]
quiz.forEach(function(q) {
  console.log(q)
})

forEach พร้อมหมายเลข 🔢

forEach ยังสามารถให้ตำแหน่งของรายการได้ด้วย! เหมาะสำหรับการใส่หมายเลข

let quiz = ["A?", "B?"]
quiz.forEach(function(q, i) {
  console.log((i + 1) + ") " + q)
})

แสดงตัวเลือกด้วย 📋

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

let q = { question: "Says moo?", options: ["dog", "cow"] }
console.log(q.question)
q.options.forEach(function(opt, i) {
  console.log((i + 1) + ". " + opt)
})

หยุดพักระหว่างคำถาม ⏸️

ในการแสดงจริง พิธีกรจะหยุดพัก เราสามารถแสดงข้อความคั่นสั้น ๆ ได้!

let quiz = ["Q1?", "Q2?"]
quiz.forEach(function(q) {
  console.log(q)
  console.log("--- next question ---")
})

คำถามข้อสุดท้าย 🏁

บอกผู้เล่นเมื่อมาถึงคำถามข้อสุดท้าย ช่วยสร้างความตื่นเต้น!

let quiz = ["A?", "B?", "C?"]
for (let i = 0; i < quiz.length; i++) {
  if (i === quiz.length - 1) {
    console.log("FINAL: " + quiz[i])
  } else {
    console.log(quiz[i])
  }
}

คำถามดำเนินไปตามลำดับ! ✅

ตอนนี้แบบทดสอบของคุณถามคำถามทุกข้อตามลำดับได้ด้วยตัวเอง รายการดำเนินไปอย่างราบรื่น! 🎬

let quiz = [
  { question: "1+1?" },
  { question: "2+2?" }
]
quiz.forEach(function(item, i) {
  console.log("Q" + (i + 1) + ": " + item.question)
})

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

ตรวจสอบความเข้าใจเรื่องการวนซ้ำ! 🌀

ฮีโร่แห่งการวนซ้ำ! 🦸

มาทบทวนกัน! คุณเรียนรู้เรื่องต่อไปนี้:

  • 🌀 การวนซ้ำแบบ for
  • 🤝 การวนซ้ำแบบเป็นมิตรด้วย forEach
  • 1️⃣ การใส่หมายเลขคำถาม
  • 🏁 การระบุคำถามข้อสุดท้าย

ต่อไป: การเก็บ score! 🏆

เริ่มต้นได้ฟรี

เรียนรู้ 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 ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 2 จากทั้งหมด 4 บทเรียน

บทเรียน “การถามตามลำดับ” ใช้เวลานานแค่ไหน

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

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

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

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

  1. คำถามแบบทดสอบ
  2. การถามตามลำดับ
  3. การให้คะแนน
  4. คะแนนสุดท้าย
← กลับไปที่ Javascript for Kids