รายการสัตว์
จัดเก็บคำใบ้เกี่ยวกับสัตว์
รายการสัตว์ เป็นบทเรียน Javascript for Kids ฟรีบน CoddyKit นี่คือบทเรียนที่ 1 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Javascript for Kids และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Javascript for Kids มีบทเรียนทั้งหมด 4 บทเรียน
ยินดีต้อนรับ นักสืบ Animal! 🕵️
เตรียมพร้อมสร้างเกมทายสัตว์แสนสนุก! 🐶🐱🦁
คอมพิวเตอร์จะนึกถึง animal หนึ่งตัว ให้คำใบ้แก่คุณ แล้ว YOU จะพยายามทายให้ถูก แต่ก่อนอื่น... เราต้องมีที่เก็บ animals ทั้งหมดของเรา!
รายการคืออะไร 📝
รายการ (เราเรียกว่า array) เปรียบเสมือนกล่องของเล่นที่เก็บสิ่งของได้มากมาย 🧸
เราใช้วงเล็บเหลี่ยม [ ] และใส่เครื่องหมายจุลภาคคั่นระหว่างสิ่งของแต่ละชิ้น
let animals = ["dog", "cat", "lion"]
console.log("My animal box has:", animals)เพิ่ม animals อีก 🦒
ยิ่งมี animals มาก เกมก็ยิ่งสนุก! มาใส่เพื่อน ๆ จำนวนมากลงในกล่องกันเถอะ
let animals = ["dog", "cat", "lion", "giraffe", "penguin"]
console.log("Total animals:", animals.length)นับ animals 🔢
รายการทุกรายการรู้ว่าตัวเองมีขนาดเท่าไร! ใช้ .length เพื่อนับสิ่งที่อยู่ภายใน 🪄
let animals = ["dog", "cat", "lion"]
console.log("I have " + animals.length + " animals!")แอบดู animal หนึ่งตัว 👀
แต่ละตำแหน่งในรายการมีหมายเลขที่เรียกว่าดัชนี ดัชนีตัวแรกคือ 0 ไม่ใช่ 1! 🤓
let animals = ["dog", "cat", "lion"]
console.log("First animal:", animals[0])
console.log("Second animal:", animals[1])animal ลับ 🤫
สำหรับเกมของเรา คอมพิวเตอร์จะเลือก animal ลับ ONE ตัวจากกล่อง มาดึงสิงโตกันเถอะ!
let animals = ["dog", "cat", "lion"]
let secret = animals[2]
console.log("Shhh... the secret is a", secret)animals พร้อมคำใบ้ 💡
animal แต่ละตัวต้องมีคำใบ้! เราจัดเก็บ animal และคำใบ้ของมันไว้ด้วยกันได้โดยใช้ object ที่มีวงเล็บปีกกา { }
let animal = { name: "lion", clue: "I am the king of the jungle!" }
console.log(animal.clue)รายการออบเจ็กต์คำใบ้ 📦
ตอนนี้เราจะสร้างรายการออบเจ็กต์ แต่ละรายการจะมีสัตว์หนึ่งตัว AND คำใบ้ของมัน ยอดเยี่ยมมาก! 😎
let animals = [
{ name: "dog", clue: "I love to bark and fetch!" },
{ name: "cat", clue: "I say meow and chase mice!" }
]
console.log(animals[0].clue)การอ่านชื่อและคำใบ้ 🏷️
จากออบเจ็กต์สัตว์หนึ่งรายการ เราสามารถอ่านทั้ง name และ clue ได้ 🎉
let animal = { name: "frog", clue: "I am green and I hop!" }
console.log("Animal:", animal.name)
console.log("Clue:", animal.clue)การวนดูข้อมูลในกล่อง 🔁
เราสามารถดูสัตว์ทุกตัวทีละตัวด้วยการวนซ้ำ เหมือนกับการตรวจดูของเล่นแต่ละชิ้นในกล่อง!
let animals = ["dog", "cat", "lion"]
for (let i = 0; i < animals.length; i++) {
console.log("Animal number " + i + ":", animals[i])
}ข้อมูลเกมของเราพร้อมแล้ว! ✅
ทำได้ยอดเยี่ยมมาก! เราสร้างรายการสัตว์ที่แต่ละตัวมีคำใบ้แล้ว นี่คือหัวใจของเกมของเรา ❤️
ต่อไป เราจะเริ่มมอบคำใบ้เหล่านั้นให้ผู้เล่น!
let animals = [
{ name: "lion", clue: "I am the king of the jungle!" },
{ name: "frog", clue: "I am green and I hop!" }
]
console.log("Game ready with " + animals.length + " animals! 🎮")ตรวจสอบอย่างรวดเร็ว ❓
ถึงเวลาทดสอบไหวพริบแล้ว! 🧠
คุณทำได้แล้ว! 🌟
มาทบทวนกัน! วันนี้คุณเรียนรู้ที่จะ:
- 📝 สร้างรายการด้วย
[ ] - 🔢 นับจำนวนรายการด้วย
.length - 📦 เก็บสัตว์และคำใบ้ไว้ใน
objects - 🔁 ดูสัตว์ทุกตัวด้วยการวนซ้ำ
กล่องสัตว์ของคุณเต็มพร้อมแล้ว ต่อไปมามอบคำใบ้กัน! 🚀
คำถามที่พบบ่อย
บทเรียน “รายการสัตว์” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “รายการสัตว์” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ 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 ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- รายการสัตว์
- การให้คำใบ้
- การตรวจคำทาย
- ถูกต้องแล้ว