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

รายการสัตว์

จัดเก็บคำใบ้เกี่ยวกับสัตว์

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

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

  1. รายการสัตว์
  2. การให้คำใบ้
  3. การตรวจคำทาย
  4. ถูกต้องแล้ว
← กลับไปที่ Javascript for Kids