动物列表
存储动物线索
动物列表 是 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 反馈 — 无需本地设置。