行与列
制作网格
行与列 是 CoddyKit 上的免费 Javascript for Kids 课时。 这是第 2 节课，共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 Javascript for Kids 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 Javascript for Kids 课程共包含 4 节课。
制作网格！🟦🟦
网格就像棋盘或带有小方格的窗户！它有横向的行和纵向的列。⬜⬜⬜
嵌套循环非常 PERFECT 适合绘制网格！
构建一行 📏
要构建 ONE 行星星，我们可以在字符串中使用 + 将星星连接起来。
让我们一步一步构建行文本！
let row = ''
for (let col = 1; col <= 4; col++) {
row = row + '*'
}
console.log(row)发生了什么？🔍
我们从一个 EMPTY 单词 '' 开始。每次循环都添加一个 *。因此它逐渐变成：*、**、***、****！
然后我们打印完成的行。很整齐！✨
let row = ''
for (let col = 1; col <= 3; col++) {
row = row + '*'
console.log(row)
}多行 📚
现在将它放入一个 OUTER 循环中，制作多行！外层表示行，内层表示列。
for (let r = 1; r <= 3; r++) {
let row = ''
for (let c = 1; c <= 4; c++) {
row = row + '*'
}
console.log(row)
}4×4 方形 🟦
让我们制作一个 PERFECT 方形！4 行、4 列星星。
for (let r = 1; r <= 4; r++) {
let row = ''
for (let c = 1; c <= 4; c++) {
row = row + '*'
}
console.log(row)
}使用表情符号！🎨
为什么要使用无聊的星星？让我们构建一个爱心网格！💖
for (let r = 1; r <= 3; r++) {
let row = ''
for (let c = 1; c <= 3; c++) {
row = row + '💖'
}
console.log(row)
}宽矩形 ▭
行数和列数不必相同！让我们制作一个宽矩形：2 行、6 列。
for (let r = 1; r <= 2; r++) {
let row = ''
for (let c = 1; c <= 6; c++) {
row = row + '🟩'
}
console.log(row)
}数字网格 🔢
别用星星，让我们用列编号填充网格！
for (let r = 1; r <= 3; r++) {
let row = ''
for (let c = 1; c <= 4; c++) {
row = row + c
}
console.log(row)
}高网格 🏢
让我们制作一座高塔！6 行、2 列方块。🧱
for (let r = 1; r <= 6; r++) {
let row = ''
for (let c = 1; c <= 2; c++) {
row = row + '🧱'
}
console.log(row)
}添加空格 🔲
在符号之间添加空格，让它们分散开来！使用带空格的 '* '。
for (let r = 1; r <= 3; r++) {
let row = ''
for (let c = 1; c <= 4; c++) {
row = row + '* '
}
console.log(row)
}轮到您构建了 🌟
将爱心改成星星 🌟，或者改变网格大小！编辑并运行，制作您自己的 YOUR 网格。
for (let r = 1; r <= 4; r++) {
let row = ''
for (let c = 1; c <= 5; c++) {
row = row + '🌟'
}
console.log(row)
}快速检查 ✅
检查一下您对网格的理解！🧠
行与列回顾 🎉
网格真漂亮！🟦 您学会了如何构建网格。
- OUTER 循环 = 行
- INNER 循环 = 列
- 使用
row = row + symbol构建行文本，然后打印它
接下来：不断增长的星星三角形！🔺
常见问题解答
「行与列」课时是免费的吗？
是的 — 「行与列」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 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 反馈 — 无需本地设置。