Javascript for Kids · 课时

按顺序提问

Q: 「按顺序提问」这节课中我会学到什么？

循环处理这些问题 你通过在浏览器中直接运行的动手代码来练习 Javascript for Kids，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

循环处理这些问题

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

请一次问一个！🔁

问答节目会按顺序ONE BYONE地提出问题。我们使用循环自动完成这件事！让我们来学习如何操作。🎤

什么是循环？🌀

循环会重复运行代码，因此我们不必一次又一次地输入它。用聪明的方式偷懒！😎

for (let i = 0; i < 3; i++) {
  console.log("Round " + i)
}

遍历列表 📋

一次一个地遍历 quiz 列表中的每个问题。

let quiz = ["Q1?", "Q2?", "Q3?"]
for (let i = 0; i < quiz.length; i++) {
  console.log(quiz[i])
}

为问题编号 1️⃣2️⃣3️⃣

玩家喜欢知道当前进行到第几个问题！添加一个编号吧。

let quiz = ["Sky color?", "Grass color?"]
for (let i = 0; i < quiz.length; i++) {
  console.log("Question " + (i + 1) + ": " + quiz[i])
}

读取对象中的问题 📦

我们的问题都是对象，因此要在循环中读取其中的 .question 部分。

let quiz = [
  { question: "Sky color?", answer: "blue" },
  { question: "Snow color?", answer: "white" }
]
for (let i = 0; i < quiz.length; i++) {
  console.log(quiz[i].question)
}

更友好的循环：forEach 🤝

forEach 是一种简单的循环，会访问每个项目。非常整洁！

let quiz = ["What is 1+1?", "What is 2+2?"]
quiz.forEach(function(q) {
  console.log(q)
})

带编号的 forEach 🔢

forEach 还可以提供项目的位置！这对于编号很有帮助。

let quiz = ["A?", "B?"]
quiz.forEach(function(q, i) {
  console.log((i + 1) + ") " + q)
})

同时显示选项 📋

对于每个问题，也显示它的 choices。一个循环嵌套在另一个循环中！🌀🌀

let q = { question: "Says moo?", options: ["dog", "cow"] }
console.log(q.question)
q.options.forEach(function(opt, i) {
  console.log((i + 1) + ". " + opt)
})

问题之间的暂停 ⏸️

在真正的节目中，主持人会暂停。我们可以打印一条简短的间隔消息！

let quiz = ["Q1?", "Q2?"]
quiz.forEach(function(q) {
  console.log(q)
  console.log("--- next question ---")
})

最后一个问题 🏁

告诉玩家他们已经到达最后一个问题。这会让气氛更加紧张！

let quiz = ["A?", "B?", "C?"]
for (let i = 0; i < quiz.length; i++) {
  if (i === quiz.length - 1) {
    console.log("FINAL: " + quiz[i])
  } else {
    console.log(quiz[i])
  }
}

问题按顺序进行！✅

现在，您的 quiz 会自动按顺序提出每个问题。节目运行得非常顺利！🎬

let quiz = [
  { question: "1+1?" },
  { question: "2+2?" }
]
quiz.forEach(function(item, i) {
  console.log("Q" + (i + 1) + ": " + item.question)
})

快速检查 ❓

循环知识大检查！🌀

循环英雄！🦸

复习一下！您学会了：

🌀 for 循环
🤝 友好的 forEach
1️⃣ 为问题编号
🏁 找出最后一个问题

下一步：记录 score！🏆

常见问题解答

「按顺序提问」课时是免费的吗？

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

「按顺序提问」这节课中我会学到什么？

循环处理这些问题你通过在浏览器中直接运行的动手代码来练习 Javascript for Kids，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

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

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

「按顺序提问」课时需要多长时间？

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

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

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

此课程中的所有课时

← 返回 Javascript for Kids