📜  JavaScript 中的半角或直角三角形星形图案(1)

📅  最后修改于: 2023-12-03 15:01:40.440000             🧑  作者: Mango

JavaScript 中的半角或直角三角形星形图案

在 JavaScript 中,我们可以通过循环语句和字符串拼接来打印出各种半角或直角三角形的星形图案。下面我们来介绍几种常见的图案。

正向直角三角形

正向直角三角形是指三角形的直角在右下角,可以通过两层嵌套的循环来打印出来,代码如下:

let rows = 5;
let pattern = "";

for (let i = 1; i <= rows; i++) {
  for (let j = 1; j <= i; j++) {
    pattern += "* ";
  }
  pattern += "\n";
}

console.log(pattern);

效果如下:

*
* *
* * *
* * * *
* * * * *
反向直角三角形

反向直角三角形是指三角形的直角在左下角,同样可以通过两层嵌套的循环来打印出来,代码如下:

let rows = 5;
let pattern = "";

for (let i = 1; i <= rows; i++) {
  for (let j = rows; j >= i; j--) {
    pattern += "* ";
  }
  pattern += "\n";
}

console.log(pattern);

效果如下:

* * * * *
* * * *
* * *
* *
*
正向等腰三角形

正向等腰三角形是指三角形的底边并行于屏幕底部,可以通过两层嵌套的循环来打印出来,代码如下:

let rows = 5;
let pattern = "";

for (let i = 1; i <= rows; i++) {
  for (let j = 1; j <= rows - i; j++) {
    pattern += " ";
  }
  for (let k = 1; k <= 2 * i - 1; k++) {
    pattern += "*";
  }
  pattern += "\n";
}

console.log(pattern);

效果如下:

    *
   ***
  *****
 *******
*********
反向等腰三角形

反向等腰三角形是指三角形的顶点朝上,可以通过两层嵌套的循环来打印出来,代码如下:

let rows = 5;
let pattern = "";

for (let i = rows; i >= 1; i--) {
  for (let j = 1; j <= rows - i; j++) {
    pattern += " ";
  }
  for (let k = 1; k <= 2 * i - 1; k++) {
    pattern += "*";
  }
  pattern += "\n";
}

console.log(pattern);

效果如下:

*********
 *******
  *****
   ***
    *
直角三角形

除了正向和反向的直角三角形,我们还可以打印出既不向左也不向右的中间直角三角形,代码如下:

let rows = 5;
let pattern = "";

for (let i = 1; i <= rows; i++) {
  for (let j = 1; j <= rows - i; j++) {
    pattern += " ";
  }
  for (let k = 1; k <= i; k++) {
    pattern += "* ";
  }
  pattern += "\n";
}

for (let i = rows - 1; i >= 1; i--) {
  for (let j = 1; j <= rows - i; j++) {
    pattern += " ";
  }
  for (let k = 1; k <= i; k++) {
    pattern += "* ";
  }
  pattern += "\n";
}

console.log(pattern);

效果如下:

    *
   * *
  * * *
 * * * *
* * * * *
 * * * *
  * * *
   * *
    *

以上就是 JavaScript 中打印半角或直角三角形星形图案的几种方法,希望对您有所帮助。