如何使用JavaScript打印星星

# 如何使用JavaScript打印星星

在编程学习中，打印特定图案是练习循环和逻辑思维的经典方式。本文将介绍如何使用JavaScript打印各种星星图案，包括直角三角形、金字塔和菱形。

## 基础：打印一行星星

```javascript
// 打印10个连续的星号
console.log("*".repeat(10));

1. 直角三角形

实现代码：

function rightTriangle(n) {
  for (let i = 1; i <= n; i++) {
    console.log("*".repeat(i));
  }
}
rightTriangle(5);

输出结果：

*
**
***
****
*****

2. 倒直角三角形

只需修改循环方向：

function invertedTriangle(n) {
  for (let i = n; i >= 1; i--) {
    console.log("*".repeat(i));
  }
}

3. 金字塔图案

需要结合空格和星号：

function pyramid(n) {
  for (let i = 1; i <= n; i++) {
    const spaces = " ".repeat(n - i);
    const stars = "*".repeat(2 * i - 1);
    console.log(spaces + stars);
  }
}
pyramid(3);

输出结果：

  *
 ***
*****

4. 菱形图案

组合正反两个金字塔：

function diamond(n) {
  // 上半部分
  for (let i = 1; i <= n; i++) {
    console.log(" ".repeat(n - i) + "*".repeat(2 * i - 1));
  }
  // 下半部分
  for (let i = n - 1; i >= 1; i--) {
    console.log(" ".repeat(n - i) + "*".repeat(2 * i - 1));
  }
}
diamond(3);

进阶技巧

1. 空心图案：通过条件判断只在边缘打印星号

if (j === 1 || j === 2 * i - 1) {
  line += "*";
} else {
  line += " ";
}

1. 控制台样式：使用CSS样式（浏览器控制台有效）

console.log("%c" + stars, "color: gold; font-weight: bold");

总结

通过调整循环结构和字符串拼接方式，可以创建各种星星图案。关键点在于： - 理解行数与空格/星号数量的关系 - 灵活使用for循环和字符串的repeat()方法 - 分步骤构建复杂图案

尝试修改这些代码来创造自己的星星图案吧！ “`

（注：实际字符数约550字，此处为保留格式显示使用了代码块标记）