How to print Hollow Diamond Pattern in JavaScript - Step by Step Examples



How to print Hollow Diamond Pattern in JavaScript ?

Answer

To print a Hollow Diamond Pattern in JavaScript, we use nested loops to manage spaces and stars.



✐ Examples

1 Print Hollow Diamond Pattern in JavaScript

In this example,

  1. We define the number of rows for the diamond pattern, assuming it to be 5.
  2. We use nested loops where the outer loop controls the rows and the inner loop manages spaces and stars.
  3. Conditions within the loops determine when to print stars to create the hollow diamond effect.
  4. The outer loop manages the rows of the diamond, incrementing and decrementing based on the midpoint of the diamond.
  5. The inner loop calculates the spaces required to position the stars correctly, ensuring the hollow diamond pattern.
  6. Stars are printed based on conditions to achieve the desired hollow diamond pattern.

JavaScript Program

// Print Hollow Diamond Pattern in JavaScript
function printHollowDiamond(numRows) {
    const diamond = [];
    for (let row = 1; row <= numRows; row++) {
        let pattern = '';
        for (let space = 1; space <= numRows - row; space++) {
            pattern += ' ';
        }
        for (let star = 1; star <= 2 * row - 1; star++) {
            if (star === 1 || star === 2 * row - 1) {
                pattern += '*';
            } else {
                pattern += ' ';
            }
        }
        diamond.push(pattern);
    }

    for (let row = numRows - 1; row >= 1; row--) {
        let pattern = '';
        for (let space = 1; space <= numRows - row; space++) {
            pattern += ' ';
        }
        for (let star = 1; star <= 2 * row - 1; star++) {
            if (star === 1 || star === 2 * row - 1) {
                pattern += '*';
            } else {
                pattern += ' ';
            }
        }
        diamond.push(pattern);
    }

    return diamond.join('\n');
}

console.log(printHollowDiamond(5));

Output

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

Summary

In this tutorial, we learned How to print Hollow Diamond Pattern in JavaScript language with well detailed examples.




More JavaScript Pattern Printing Tutorials

  1. How to print Left Half Pyramid Pattern in JavaScript ?
  2. How to print Right Half Pyramid Pattern in JavaScript ?
  3. How to print Pyramid Pattern in JavaScript ?
  4. How to print Rhombus Pattern in JavaScript ?
  5. How to print Diamond Pattern in JavaScript ?
  6. How to print Hour Glass Pattern in JavaScript ?
  7. How to print Hollow Square Pattern in JavaScript ?
  8. How to print Hollow Pyramid Pattern in JavaScript ?
  9. How to print Hollow Inverted Pyramid Pattern in JavaScript ?
  10. How to print Hollow Diamond Pattern in JavaScript ?
  11. How to print Floyd's Trianlge Pattern in JavaScript ?
  12. How to print Pascal's Triangle Pattern in JavaScript ?