遍历列表
访问数组中的每个项目。
遍历列表 是 CoddyKit 上的免费 Javascript for Kids 课时。 这是第 4 节课，共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 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-of 循环 🚶
for (let item of list) 会一次查看列表中的一个项目！
每一轮中，item 都是列表中的下一个项目。👣
let fruits = ["apple", "banana", "grape"]
for (let fruit of fruits) {
console.log(fruit)
}查看每件宝藏 💎
让我们查看 chest 中的每件宝藏并显示出来！
循环会帮我们逐个取出它们。🤲
let treasure = ["gold", "gem", "crown"]
for (let item of treasure) {
console.log("Found: " + item)
}遍历数字 🔢
for-of 同样适用于数字列表！
让我们打印出每个 score。🎮
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 + " ⭐")
}喂饱每只宠物 🦴
让我们使用循环喂列表中的每只 pet！
不会有谁饿肚子。🐶🐱🐠
let pets = ["dog", "cat", "fish"]
for (let pet of pets) {
console.log("Feeding the " + pet + " 🦴")
}您的循环冒险 🧒
修改列表中的项目，然后遍历 YOUR 自己的列表！
您的循环会显示什么？🎉
let myList = ["fun", "code", "yay"]
for (let item of myList) {
console.log(item)
}快速检查 ✅
最后一个问题！您就是一颗明星！🌟
列表探索者！🏆
太不可思议了！🎉 今天您学会了：
for-of会访问列表中的每个项目- 每一轮都会提供下一个项目
- 您可以添加、让每个项目 SHOUT，或统计每个项目！
您完成了 Treasure Lists！您是一位编程英雄！🦸⭐
let win = ["You", "are", "amazing!"]
for (let w of win) {
console.log(w)
}常见问题解答
「遍历列表」课时是免费的吗？
是的 — 「遍历列表」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 Javascript for Kids 课程的其余内容，请升级到 CoddyKit PRO。 Javascript for Kids 课程共包含 4 节课。
「遍历列表」这节课中我会学到什么？
访问数组中的每个项目。 你通过在浏览器中直接运行的动手代码来练习 Javascript for Kids，全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 Javascript for Kids 需要有经验吗？
无需任何先前经验。CoddyKit 上的 Javascript for Kids 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 4 节课，共 4 节。
「遍历列表」课时需要多长时间？
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。
我能在这节 Javascript for Kids 课中编写并运行代码吗？
能。每节 Javascript for Kids 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。