使用js循环画出空心等腰三角形
时间: 2023-12-03 15:03:28 浏览: 67
基于循环嵌套以及函数打印一个等腰三角形
以下是使用 JavaScript 循环画出空心等腰三角形的代码:
```javascript
// 获取用户输入的三角形高度
var height = parseInt(prompt("请输入等腰三角形的高度:"));
// 循环绘制等腰三角形
for (var i = 1; i <= height; i++) {
var line = ""; // 定义空字符串,用于存储当前行的图形
for (var j = 1; j <= height - i; j++) {
line += " "; // 绘制当前行前面的空格
}
for (var k = 1; k <= i * 2 - 1; k++) {
// 绘制当前行的星号,注意只绘制第一行、最后一行和斜边上的星号
if (i === 1 || i === height || k === 1 || k === i * 2 - 1) {
line += "*";
} else {
line += " ";
}
}
console.log(line); // 输出当前行的图形
}
```
代码中使用了两个嵌套的 for 循环,外层循环控制绘制的行数,内层循环分别绘制当前行前面的空格和星号。在绘制星号的过程中,判断当前行是否是第一行、最后一行或斜边上的星号,如果是则绘制星号,否则绘制空格。最终将每一行的图形输出到控制台上。
阅读全文