การวนดูรายการ
ดูรายการทุกตัวในอาร์เรย์ของคุณ
การวนดูรายการ เป็นบทเรียน 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 ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ