0Pricing
Javascript for Kids · บทเรียน

การวนดูรายการ

ดูรายการทุกตัวในอาร์เรย์ของคุณ

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

วนดูรายการ 🔁📋

สวัสดี นักสำรวจรายการ! 🌟 ถ้าเราอยากดูรายการ EVERY รายการในรายการล่ะ?

เราใช้ลูปพิเศษที่เรียกว่า for-of! ลูปนี้จะแวะดูแต่ละรายการ 🪄

let pets = ["cat", "dog", "fish"]
for (let pet of pets) {
  console.log(pet)
}

ลูปแบบวนผ่านสมาชิก 🚶

for (let item of list) จะเดินผ่านรายการทีละรายการ!

ในแต่ละรอบ item จะเป็นสิ่งถัดไปในรายการ 👣

let fruits = ["apple", "banana", "grape"]
for (let fruit of fruits) {
  console.log(fruit)
}

แวะดูสมบัติทุกชิ้น 💎

มาแวะดูสมบัติทุกชิ้นในหีบของเราและแสดงมันกันเถอะ!

ลูปจะหยิบแต่ละชิ้นมาให้เราเอง 🤲

let treasure = ["gold", "gem", "crown"]
for (let item of treasure) {
  console.log("Found: " + item)
}

วนดูตัวเลข 🔢

ลูปแบบวนผ่านสมาชิกใช้กับรายการตัวเลขได้เช่นกัน!

มาแสดงคะแนนทุกค่าออกมากันเถอะ 🎮

let scores = [10, 20, 30]
for (let score of scores) {
  console.log(score)
}

ทักทายเพื่อนทุกคน 👋

มาทักทายเพื่อนทุกคนใน team กันเถอะ!

ลูปจะทักทายพวกเขาทั้งหมด 🤝

let team = ["Sam", "Lily", "Max"]
for (let name of team) {
  console.log("Hi, " + name + "!")
}

นำมาบวกกัน ➕

เราใช้ลูปบวกตัวเลขทั้งหมดในรายการได้!

เก็บผลรวมไว้ในกล่องหนึ่ง แล้วบวกตัวเลขแต่ละค่าเข้าไป 🧮

let numbers = [1, 2, 3, 4]
let total = 0
for (let n of numbers) {
  total = total + n
}
console.log("Total: " + total)

นับรายการในลูป 🔢

เรานับจำนวน treats ที่มีได้ด้วยการนับในลูป!

เพิ่มทีละหนึ่งสำหรับแต่ละรายการ 🍬

let treats = ["candy", "cookie", "cake"]
let count = 0
for (let t of treats) {
  count++
}
console.log("Treats: " + count)

ตะโกนใส่ทุกคำ 📢

มาทำให้ทุกคำในรายการ SHOUT กันเถอะ!

ใช้ toUpperCase กับแต่ละคำ 🔊

let words = ["hello", "hi", "yay"]
for (let w of words) {
  console.log(w.toUpperCase())
}

ตกแต่งแต่ละรายการ 🎨

เราเพิ่มอีโมจิสนุก ๆ ให้กับทุกรายการในลูปได้!

ทำให้แต่ละรายการเปล่งประกาย ✨

let animals = ["cat", "dog", "fish"]
for (let a of animals) {
  console.log(a + " ⭐")
}

ให้อาหารสัตว์เลี้ยงทุกตัว 🦴

มาให้อาหารสัตว์เลี้ยงทุกตัวในรายการโดยใช้ลูปกันเถอะ!

ไม่มีใครต้องหิว 🐶🐱🐠

let pets = ["dog", "cat", "fish"]
for (let pet of pets) {
  console.log("Feeding the " + pet + " 🦴")
}

การผจญภัยในลูปของคุณ 🧒

เปลี่ยนรายการต่าง ๆ แล้ววนดูรายการของคุณเองด้วยลูป!

ลูปของคุณจะแสดงอะไรบ้างนะ? 🎉

let myList = ["fun", "code", "yay"]
for (let item of myList) {
  console.log(item)
}

ตรวจสอบสั้น ๆ ✅

คำถามสุดท้าย! คุณคือดาวเด่น! 🌟

นักสำรวจรายการ! 🏆

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

  • for-of แวะดูทุกรายการในรายการ
  • แต่ละรอบจะมอบรายการถัดไปให้คุณ
  • คุณสามารถเพิ่ม ตะโกน หรือ นับทุกรายการได้!

คุณเรียนจบบทเรียนรายการสมบัติแล้ว! คุณคือฮีโร่นักเขียนโค้ด! 🦸⭐

let win = ["You", "are", "amazing!"]
for (let w of win) {
  console.log(w)
}

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

บทเรียน “การวนดูรายการ” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “การวนดูรายการ” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ 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 ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 4 จากทั้งหมด 4 บทเรียน

บทเรียน “การวนดูรายการ” ใช้เวลานานแค่ไหน

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

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

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

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

  1. อาร์เรย์คืออะไร
  2. การรับรายการตามหมายเลข
  3. การเพิ่มและลบรายการ
  4. การวนดูรายการ
← กลับไปที่ Javascript for Kids