0Pricing
Javascript for Kids · 课时

动物列表

存储动物线索

动物列表 是 CoddyKit 上的免费 Javascript for Kids 课时。 这是第 1 节课,共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Javascript for Kids 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 Javascript for Kids 课程共包含 4 节课。

欢迎您,动物侦探!🕵️

准备好制作超级有趣的猜动物游戏吧!🐶🐱🦁

计算机会想好一种动物,给您一些线索,而 YOU 要试着猜出它。可是首先……我们需要一个地方存放所有的动物!

什么是列表?📝

列表(我们称它为数组)就像一个能装下许多东西的玩具箱。🧸

我们使用方括号 [ ],并在每件物品之间放置逗号。

let animals = ["dog", "cat", "lion"]
console.log("My animal box has:", animals)

添加更多动物 🦒

动物越多,游戏越有趣!让我们把箱子装满许多动物朋友吧。

let animals = ["dog", "cat", "lion", "giraffe", "penguin"]
console.log("Total animals:", animals.length)

数一数动物 🔢

每个列表都知道自己的大小!使用 .length 来数一数里面有多少项。🪄

let animals = ["dog", "cat", "lion"]
console.log("I have " + animals.length + " animals!")

查看一只动物 👀

列表中的每个位置都有一个称为索引的编号。第一个位置是 0,不是 1!🤓

let animals = ["dog", "cat", "lion"]
console.log("First animal:", animals[0])
console.log("Second animal:", animals[1])

神秘动物 🤫

在我们的游戏中,计算机会从箱子里选择 ONE 只神秘动物。让我们取出狮子吧!

let animals = ["dog", "cat", "lion"]
let secret = animals[2]
console.log("Shhh... the secret is a", secret)

带线索的动物 💡

每种动物都需要线索!我们可以使用带花括号 { } 的对象,把动物和它的线索存放在一起。

let animal = { name: "lion", clue: "I am the king of the jungle!" }
console.log(animal.clue)

线索对象列表 📦

现在我们来创建一个对象列表。每个对象都包含一种 animal 和它的 clues。太酷了!😎

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)

读取名称和线索 🏷️

从一个 animal 对象中,我们可以读取 name 和 clue。🎉

let animal = { name: "frog", clue: "I am green and I hop!" }
console.log("Animal:", animal.name)
console.log("Clue:", animal.clue)

遍历这个盒子 🔁

我们可以使用循环逐个访问每种 animal。就像检查盒子里的每个玩具一样!

let animals = ["dog", "cat", "lion"]
for (let i = 0; i < animals.length; i++) {
  console.log("Animal number " + i + ":", animals[i])
}

游戏数据准备就绪!✅

做得太棒了!我们创建了一个 animal 列表,每种 animal 都有一个 clue。这就是游戏的核心。❤️

接下来,我们将开始把这些 clues 提供给玩家!

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 统计项目数量
  • 📦 将 animals 和 clues 存储在 objects 中
  • 🔁 使用循环访问每种 animal

您的动物盒子已经装满并准备好了。继续学习如何提供 clues 吧!🚀

常见问题解答

「动物列表」课时是免费的吗?

是的 — 「动物列表」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 AI 导师)并解锁 Javascript for Kids 课程的其余内容,请升级到 CoddyKit PRO。 Javascript for Kids 课程共包含 4 节课。

「动物列表」这节课中我会学到什么?

存储动物线索 你通过在浏览器中直接运行的动手代码来练习 Javascript for Kids,全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 Javascript for Kids 需要有经验吗?

无需任何先前经验。CoddyKit 上的 Javascript for Kids 课程适合初学者到高级学习者,你可以从这里开始或从头开始,按照自己的节奏学习。 这是第 1 节课,共 4 节。

「动物列表」课时需要多长时间?

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动,所以你能稳步进步,并在网页和应用中从离开的地方继续。

我能在这节 Javascript for Kids 课中编写并运行代码吗?

能。每节 Javascript for Kids 课都包含内置代码编辑器,你可以在浏览器中直接编写并运行真实代码,并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

  1. 动物列表
  2. 提供线索
  3. 检查猜测
  4. 猜对了
← 返回 Javascript for Kids