如何使用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字，此處為保留格式顯示使用了代碼塊標記）