Javascript for Kids · 课时

星星三角形

Q: 「星星三角形」课时是免费的吗？

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

Q: 「星星三角形」这节课中我会学到什么？

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

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

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

Q: 「星星三角形」课时需要多长时间？

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

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

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

扩展形状

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

不断变大的形状！🔺

如果每一行的星星都比上一行 MORE，就会得到一个三角形！🔺

第 1 行：*
第 2 行：**
第 3 行：***

让我们制作会 GROW 的形状！🌱

秘密技巧 🪄

秘诀是：内层循环运行的次数与 OUTER 计数器的值相同！

因此，行号变大时，星星的数量也会增加！

for (let r = 1; r <= 4; r++) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + '*'
  }
  console.log(row)
}

看它生长 🌱

注意 c <= r！内层循环会在达到行号时停止。第 1 行有 1 颗星，第 2 行有 2 颗星，依此类推！

for (let r = 1; r <= 3; r++) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + '⭐'
  }
  console.log(row)
}

更大的三角形 🔺

想要更高的三角形吗？只需让外层循环运行更多次！

for (let r = 1; r <= 6; r++) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + '*'
  }
  console.log(row)
}

缩小的三角形 🔻

反过来！让外层循环从较大的数开始并向 DOWN 计数，就能制作缩小的三角形。

for (let r = 4; r >= 1; r--) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + '*'
  }
  console.log(row)
}

爱心三角形 💖

您可以使用喜欢的任何符号！让我们构建一个爱心三角形。

for (let r = 1; r <= 5; r++) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + '💖'
  }
  console.log(row)
}

数字三角形 🔢

用行号填充每一行！制作一个数字金字塔。🔢

for (let r = 1; r <= 5; r++) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + r
  }
  console.log(row)
}

计数三角形 🧮

通过向上计数填充每一行！第 3 行显示 1 2 3。

for (let r = 1; r <= 4; r++) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + c
  }
  console.log(row)
}

圣诞树 🎄

一组三角形的树看起来就像正在生长的森林！🌲

for (let r = 1; r <= 5; r++) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + '🌲'
  }
  console.log(row)
}

带空格的三角形 ✨

在每颗星星后添加空格，制作疏展开来的三角形！

for (let r = 1; r <= 5; r++) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + '* '
  }
  console.log(row)
}

轮到您让它生长了 🌟

将符号改成火箭 🚀，或者让它长到 7 行！编辑并运行。

for (let r = 1; r <= 5; r++) {
  let row = ''
  for (let c = 1; c <= r; c++) {
    row = row + '🚀'
  }
  console.log(row)
}

快速检查 ✅

检查一下您对三角形的理解！🧠