使用循环绘制图案
打印有趣的形状和图案。
使用循环绘制图案 是 CoddyKit 上的免费 Javascript for Kids 课时。 这是第 4 节课，共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Javascript for Kids 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 Javascript for Kids 课程共包含 4 节课。
用循环绘图 🎨
您好，图案画家！🌟 循环可以用星星和形状绘制图案！
让我们一起制作酷炫的图案吧。⭐
for (let i = 0; i < 3; i++) {
console.log("*")
}一排星星 ⭐
让我们打印一列向下排列的星星吧！
每次循环增加一颗星星。🌟
for (let i = 0; i < 5; i++) {
console.log("*")
}排成一行的星星 ➖
我们可以通过向盒子中添加星星来构建一行星星！
每次循环都会向这一行再添加一个 *。🪄
let line = ""
for (let i = 0; i < 5; i++) {
line = line + "*"
}
console.log(line)构建一个单词 🧱
我们一颗一颗地添加星星，让这一行变得更长！
观察这一行在每个回合中逐渐变长。📈
let line = ""
for (let i = 0; i < 4; i++) {
line = line + "*"
console.log(line)
}不断变大的三角形 🔺
如果在这一行变长时打印它，就能制作出三角形！
一颗星星、两颗星星、三颗星星……🔺
let line = ""
for (let i = 0; i < 5; i++) {
line = line + "*"
console.log(line)
}用爱心代替星星 💖
我们可以使用任何符号！让我们制作一个爱心三角形吧。
真甜蜜。💕
let line = ""
for (let i = 0; i < 4; i++) {
line = line + "💖"
console.log(line)
}星星方块 🟦
让我们打印 3 行，每行都有 3 颗星星！
这样就组成了一个小方块。⬛
for (let i = 0; i < 3; i++) {
console.log("***")
}计数图案 🔢
我们也可以制作数字图案！
每一行都会显示循环次数。🪜
for (let i = 1; i <= 5; i++) {
console.log("Row " + i)
}梯子图案 🪜
每次添加一个空格和一个符号，就能制作出梯子！
向上攀登！🧗
let line = ""
for (let i = 0; i < 4; i++) {
line = line + "= "
console.log(line)
}彩虹 dots 🌈
让我们制作一行五彩缤纷的 dots！
改变数字，让它变得更长。🔴🟠🟡
let dots = ""
for (let i = 0; i < 6; i++) {
dots = dots + "🔴"
}
console.log(dots)您自己的图案 🧒
改变符号和数字，绘制您自己的图案！
发挥创意吧！🎨
let line = ""
for (let i = 0; i < 5; i++) {
line = line + "⭐"
console.log(line)
}快速检查 ✅
图案问题！您真了不起！🎨
图案画家！🏆
太棒了！🎉 今天您学会了：
- 循环可以绘制图案
- 向盒子中添加符号，让每一行逐渐变长
- 每次循环打印这一行，就能制作三角形等形状
您完成了“循环乐园”课程！您是图案专家！⭐
for (let i = 0; i < 1; i++) {
console.log("I can draw with loops! 🎨")
}常见问题解答
「使用循环绘制图案」课时是免费的吗？
是的 — 「使用循环绘制图案」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 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 反馈 — 无需本地设置。