Horje
JavaScript Program to Print Number Pattern

The idea of pattern-based programs is to understand the concept of nesting for loops and how and where to place the alphabet/numbers/stars to make the desired pattern.

These are the following approaches to printing different types of number patterns:

Approach 1: Using nested loops

In this approach Nested loops iterate through rows and columns, incrementing row count in the outer loop and column count inner loop, to print desired patterns or structures like right angled trangle.

Example: We are using nested loops to print a number pattern with increasing numbers on each line, up to the specified limit of 5.

Javascript

const n = 5;
for (let i = 1; i <= n; i++) {
    let str = '';
    for (let j = 1; j <= i; j++) {
        str += j + ' ';
    }
    console.log(str);
}

Output

1 
1 2 
1 2 3 
1 2 3 4 
1 2 3 4 5 

Approach 2: Using array manipulation and join() method

In JavaScript, an array is populated incrementally to form each line of the pattern. The join() method converts the array elements into a string, separating them with spaces. here we are creating a pyramid by using a number pattern.

Example: We are using nested loops, array manipulation, and the join() method, this JavaScript code prints a number pattern with spaces, where numbers increase along each row up to 5.

Javascript

const n = 5;
for (let i = 1; i <= n; i++) {
    let arr = [];
    let count = 1;
    for (let j = 1; j <= 2 * n; ++j) {
        if (i + j >= n + 1 && (i >= j - n + 1)) {
            arr.push(count);
            count++;
        } else {
            arr.push(' ');
        }
    }
    console.log(arr.join(' '));
}

Output

        1          
      1 2 3        
    1 2 3 4 5      
  1 2 3 4 5 6 7    
1 2 3 4 5 6 7 8 9  



Reffered: https://www.geeksforgeeks.org


JavaScript

Related
Cube Sum of First n Natural Numbers in JavaScript Cube Sum of First n Natural Numbers in JavaScript
Execution Context in JavaScript Execution Context in JavaScript
What is BOM( Browser Object Model) ? What is BOM( Browser Object Model) ?
Difference between Event Bubling &amp; Event Capturing ? Difference between Event Bubling &amp; Event Capturing ?
TypeScript Enums TypeScript Enums

Type:
Geek
Category:
Coding
Sub Category:
Tutorial
Uploaded by:
Admin
Views:
15