javascript输入正三角倒三角

JavaScript中可以利用循环结构来创建数字表示的倒正等腰三角形。这里是一个简单的示例，假设用户输入了一个数字n： ```javascript function drawTriangle(n) { for (let i = 0; i ; i++) { let spaces = ' '....

// 边长大于等于3但小于5的情况，输出类似倒正三角的图形 for (let i = 0; i ; i++) { let line = ''; for (let j = 0; j ; j++) { line += (i >= j ? '*' : ' '); } console.log(line); } } } // 调用...

### 使用 JavaScript 实现正向和反向居中的数字三角形 为了创建一个既能够正向也能够反向显示并保持居中的数字三角形，可以通过构建 HTML 和 CSS 来控制样式，并利用 JavaScript 动态生成所需的结构。 #### 正向数字三角形 通过循环迭代来打印每一层的数字，同时调整每行前后的空白字符数量以达到居中效果： ```javascript function createPyramid(rows) { let result = ''; for (let i = 1; i <= rows; i++) { // 计算当前行前面需要填充的空间量 const spacesBefore = ' '.repeat(rows - i); // 当前行要展示的数字序列 const numbers = Array.from({ length: i }, (_, index) => String(index + 1)).join(' '); // 组合空间与数字形成完整的一行 result += `${spacesBefore}${numbers}\n`; } return result; } console.log(createPyramid(5)); ``` 此代码会输出如下形式的金字塔形状[^1]： ``` 1 1 2 1 2 3 1 2 3 4 1 2 3 4 5 ``` #### 反向数字三角形 对于反转版本，则是从最大层数开始减少直到最小值，在每次迭代时相应地增加前置空格的数量： ```javascript function createInvertedPyramid(rows) { let result = ''; for (let i = rows; i >= 1; i--) { // 增加随着层数减小而增多的前置空格 const spacesBefore = ' '.repeat(rows - i); // 构建该层对应的数字字符串 const numbers = Array.from({ length: i }, (_, index) => String(index + 1)).join(' '); // 将其加入最终结果之中 result += `${spacesBefore}${numbers}\n`; } return result; } console.log(createInvertedPyramid(5)); ``` 这将给出相反方向上的金字塔图案： ``` 1 2 3 4 5 1 2 3 4 1 2 3 1 2 1 ``` 为了让这些图形在网页上看起来更加美观整齐，还可以借助一些简单的CSS来进行美化处理。比如设置字体大小、颜色以及背景色等属性，使它们更易于阅读。