循环中的循环
循环嵌套循环
循环中的循环 是 CoddyKit 上的免费 Javascript for Kids 课时。 这是第 1 节课,共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Javascript for Kids 学习路径的一部分,你的进度在网页和 CoddyKit 应用中同步。 Javascript for Kids 课程共包含 4 节课。
循环中套循环?!🤯
如果把一个循环放在另一个循环 INSIDE,会怎样?这就像一个轮子在更大的轮子里转动!⚙️⚙️
这叫作嵌套循环,可以制作出精彩的图案!
外层与内层 🪆
想想套娃!🪆 OUTER 循环是大娃娃,INNER 循环是里面的小娃娃。
OUTER 循环每运行 ONE 轮,INNER 循环就会运行 ALL 轮!
第一个嵌套循环 🔁
这里的外层循环运行 2 次。每次运行时,内层循环运行 3 次!请仔细观察。
for (let i = 1; i <= 2; i++) {
for (let j = 1; j <= 3; j++) {
console.log('i=' + i + ' j=' + j)
}
}两个计数器!✌️
看到了吗?现在有 TWO 个计数器:外层循环使用 i,内层循环使用 j。
每当外层 i 改变时,内层 j 都会从 1、2 数到 3!
for (let i = 1; i <= 2; i++) {
console.log('Outer ' + i + ' starts')
for (let j = 1; j <= 2; j++) {
console.log(' inner ' + j)
}
}总共运行多少次?🔢
如果外层运行 3 次,内层运行 4 次,那么总共就是 3 × 4 = 12 次!
让我们数一数。
let count = 0
for (let i = 1; i <= 3; i++) {
for (let j = 1; j <= 4; j++) {
count = count + 1
}
}
console.log('Total runs: ' + count)日子与餐食 🍽️
现实中的例子!每个 DAY 我们吃 3 顿 MEALS。外层循环表示天数,内层循环表示餐数。
for (let day = 1; day <= 2; day++) {
console.log('Day ' + day)
for (let meal = 1; meal <= 3; meal++) {
console.log(' meal ' + meal)
}
}行中的星星 ⭐
外层循环创建 ROWS,内层循环在每一行打印星星。这是艺术图案的预览!
for (let row = 1; row <= 3; row++) {
for (let s = 1; s <= 2; s++) {
console.log('star')
}
console.log('--- end of row ---')
}顺序很重要 📋
内层循环总是 ALWAYS 完成所有轮次后,外层循环才会继续。就像读完一行中的每个词后,才阅读下一行!📖
for (let i = 1; i <= 2; i++) {
for (let j = 1; j <= 2; j++) {
console.log(i + ',' + j)
}
}数字相乘 ✖️
嵌套循环非常适合数学运算!让我们把 i 和 j 相乘。
for (let i = 1; i <= 2; i++) {
for (let j = 1; j <= 3; j++) {
console.log(i + ' x ' + j + ' = ' + (i * j))
}
}搭配服装 👕👖
2 件 shirt 和 2 条 pants 可以搭配出 4 套服装!嵌套循环会展示每一种组合。
for (let shirt = 1; shirt <= 2; shirt++) {
for (let pants = 1; pants <= 2; pants++) {
console.log('Shirt ' + shirt + ' with pants ' + pants)
}
}轮到您嵌套了 🌟
将内层循环改为运行 4 次,然后运行程序!看看输出如何增加。🪆
for (let i = 1; i <= 2; i++) {
for (let j = 1; j <= 4; j++) {
console.log('i=' + i + ' j=' + j)
}
}快速检查 ✅
检查一下您对嵌套循环的理解!🧠
嵌套循环回顾 🎉
是不是大开眼界!🤯 您学会了嵌套循环。
- 一个循环 INSIDE 另一个循环,就像套娃 🪆
- 外层计数器
i,内层计数器j - 内层循环全部完成后,外层循环才会继续
接下来:像网格一样制作行和列!🟦
常见问题解答
「循环中的循环」课时是免费的吗?
是的 — 「循环中的循环」的完整文本可在网页上免费阅读。要进行交互式练习(内置代码编辑器和全天候 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 反馈 — 无需本地设置。