正文

学会用JavaScript打印每行不同星星图案

/0 浏览量
0530

学会使用 JavaScript 打印不同形状的星星图案，不仅能提高你的编程技能，还能让你的代码看起来更有趣。在这个教程中，我们将学习如何用 JavaScript 创建几种不同的星星图案。

1. 简单的星星图案

首先，我们从最简单的星星图案开始。下面是一个用 JavaScript 打印单个星星的示例：

console.log('*');

如果你想在控制台打印出多行星星，可以循环打印：

for (let i = 0; i < 5; i++) {
    console.log('*');
}

上面的代码会在控制台打印出 5 行星星。

2. 等腰三角形星星图案

接下来，我们学习如何打印一个等腰三角形星星图案。以下是一个简单的例子：

for (let i = 0; i < 5; i++) {
    let line = '';
    for (let j = 0; j < 5 - i; j++) {
        line += ' ';
    }
    for (let k = 0; k < 2 * i + 1; k++) {
        line += '*';
    }
    console.log(line);
}

上面的代码会在控制台打印出一个有 5 行的等腰三角形星星图案。

3. 正方形星星图案

如果你想打印一个正方形的星星图案，可以这样做：

for (let i = 0; i < 5; i++) {
    let line = '';
    for (let j = 0; j < 5; j++) {
        line += '*';
    }
    console.log(line);
}

上面的代码会在控制台打印出一个 5x5 的正方形星星图案。

4. 菱形星星图案

打印菱形星星稍微复杂一些，下面是一个示例：

for (let i = 0; i < 5; i++) {
    let line = '';
    for (let j = 0; j < 5 - i; j++) {
        line += ' ';
    }
    for (let k = 0; k < 2 * i + 1; k++) {
        line += '*';
    }
    console.log(line);
}

for (let i = 4; i >= 0; i--) {
    let line = '';
    for (let j = 0; j < 5 - i; j++) {
        line += ' ';
    }
    for (let k = 0; k < 2 * i + 1; k++) {
        line += '*';
    }
    console.log(line);
}

上面的代码会在控制台打印出一个菱形星星图案。

5. 总结

通过学习这些基本的星星图案，你可以进一步发挥创意，打印出更多有趣的图案。掌握这些技能后，你可以在控制台或网页上创建出各种美丽的星星图案，让你的代码更加生动有趣。

-- 展开阅读全文 --