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

How to print Hollow Square Pattern in JavaScript ?

Answer

To print a Hollow Square Pattern in JavaScript, you can use nested loops. The outer loop controls the rows, and the inner loop controls the columns. Conditions are used to determine whether to print stars or spaces for the pattern.

✐ Examples

1 Print Hollow Square Pattern

In this example,

We define a function named printHollowSquare that takes the side length n as a parameter.
We use two nested for loops, one for rows and one for columns, to iterate through each cell of the square.
Within the loops, we use conditions to check if we are at the border or inside the square, printing stars (*) for the border and spaces ( ) for the inside.
Finally, we call printHollowSquare with the desired side length to print the pattern.

JavaScript Program

function printHollowSquare(n) {
    for (let i = 0; i < n; i++) {
        let row = '';
        for (let j = 0; j < n; j++) {
            if (i === 0 || i === n - 1 || j === 0 || j === n - 1) {
                row += '*';
            } else {
                row += ' ';
            }
        }
        console.log(row);
    }
}

const sideLength = 5;
printHollowSquare(sideLength);

Output

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

Summary

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

◀ Previous Next ▶

JavaScript Tutorials

JavaScript How-Tos