在本案例中我们将用JavaScript代码在页面中用“*”打印出星形和三角形。 具体实现步骤如下: 输入行数 根据行数计算,在控制台显示星形逐渐递增,逐渐递减
时间: 2024-10-11 13:15:29 浏览: 19
在JavaScript中,你可以通过循环结构和字符串连接来动态生成星形或三角形。这里是一个简单的示例,展示如何根据用户输入的行数打印星形:
```javascript
// 获取用户输入的行数
const rows = parseInt(prompt("请输入星形的行数:"));
function printStarPattern(n) {
// 循环从0到n,每次循环打印一行星号
for (let i = 0; i <= n; i++) {
let stars = ''; // 初始化星星字符串
// 根据当前行数计算每个空格和星号的数量
const spaces = ' '.repeat(n - i); // 空格数量
const starsCount = 2 * i + 1; // 星号数量
// 连接空格和星号形成每一行
for (let j = 0; j < starsCount; j++) {
stars += '*';
}
console.log(spaces + stars); // 打印星形
}
}
printStarPattern(rows);
```
对于三角形,可以稍微调整一下算法:
```javascript
function printTrianglePattern(n) {
for (let i = 0; i < n; i++) {
let spaces = ''; // 初始化空格字符串
let stars = '';
// 上半部分,空格少于星号
for (let j = 0; j <= i; j++) {
spaces += ' ';
stars += '*';
}
// 下半部分,空格等于星号
for (let k = 0; k < n - i - 1; k++) {
spaces += ' ';
stars += '*';
}
console.log(stars + spaces);
}
}
printTrianglePattern(rows);
```
阅读全文