JavaScript 打印菱形星形图案程序

本文将演示如何在JavaScript中创建菱形星形图案。

可能的菱形星形图案

• 实心菱形星形图案
• 空心菱形星形图案
• 倒置的空心菱形图案

创建菱形星形图案的方法:

• 创建菱形星形图案的方法是使用两个嵌套的JavaScript循环，分别打印菱形的上半部分和下半部分。
• 我们将从1到N迭代，并返回1以覆盖输入N的菱形结构。
• 使用嵌套循环创建包含每次要打印的行的字符串，其条件是行+列 > N和N+行 < 列。
• 使用console.log()方法每次打印结果字符串，该方法在输出的结尾添加一个换行符以形成所需的结构。

  示例1: 实心菱形星形图案

Javascript

let n = 5; 
for (let i = 1; i <= n; i++) { 
    let str = "*"; 
    let space = ' '; 
    console.log(space.repeat((n - i)) + str.repeat(i * 2 - 1)); 
} 
for (let i = n - 1; i >= 1; i--) { 
    let str = "*"; 
    let space = ' '; 
    console.log(space.repeat((n - i)) + str.repeat(i * 2 - 1)); 
}

输出

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

示例2： 空心菱形星星图案

JavaScript

let n = 5; 
for (let i = 1; i <= n; i++) { 
    let str = ''
  
    for (let j = 1; j <= 2 * n; ++j) { 
        if (i + j == n + 1 || (i == j - n + 1)) { 
            str += '*'
        } 
        else
            str += ' '
    } 
  
    console.log(str); 
} 
for (let i = n - 1; i >= 1; i--) { 
    let str = ''
    for (let j = 1; j <= 2 * n; ++j) { 
        if (i + j == n + 1 || (i == j - n + 1)) 
            str += '*'
        else
            str += ' '
    } 
      
    console.log(str); 
}

输出

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

示例 3： 反向空心菱形图案

JavaScript

let n = 5; 
for (let i = 1; i <= n; i++) { 
    let str = ''
    for (let j = 1; j < 2 * n; ++j) { 
        if (i + j > n + 1 && (i > j - n + 1)) 
            str += ' '; 
        else
            str += '*'; 
    } 
  
    console.log(str); 
} 
for (let i = n - 1; i >= 1; i--) { 
    let str = ''
    for (let j = 1; j < 2 * n; ++j) { 
        if (i + j > n + 1 && (i > j - n + 1)) 
            str += ' '; 
        else
            str += '*'; 
    } 
  
    console.log(str); 
}

输出

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