Number Pattern In JavaScript


Number Pattern

A number pattern is a series of numbers (integers) that creates a certain pattern or geometrical shape like square, pyramid, triangle, etc by arranging itself in a certain order. These orders are defined by programs that you have to generate as a programming skill.

You have already seen star pattern and alphabet pattern programs similar logic is applied here with numbers. These pattern programs will boost your programming skills mainly creates a good command over loops.

number Pattern programs in Javascript

Program To Print Number Pattern In JavaScript

Here we have discussed 10 different number patterns with their programs in detail.

1. Triangle pattern (1)

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

The pattern shown above is a triangle-shaped pattern using numbers. To create the above pattern run 2 nested loops, internal loop will take care of rows (number of iterations and printing pattern) while the external loop will look for a column mechanism.

Run external loop for 'n' number of times from 1 to 'n', where 'n' is height of triangle, i.e for(let i = 0;i <= n; i++).

The internal loop will run for 1 time in the first iteration of external code, 2 times in the second iteration, and so on and will add the iteration number of the internal loop to the string.

Example

let n = 5; // height of pattern
let string = "";
// External loop
for (let i = 1; i <= n; i++) {
  // Internal loop
  for (let j = 1; j <= i; j++) {
    string += j;
  }
  string += "\n";
}
console.log(string);
Try It

2. Triangle pattern (2)

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

This pattern is similar to the previous pattern, the only difference is in characters. You can see in this pattern characters are the same within a row and only changing in the next iteration of the external loop. So you can simply use 'i' while creating characters instead of 'j' because the value of i stays the same within a row.

Example

let n = 5; // height of pattern
let string = "";
// External loop
for (let i = 1; i <= n; i++) {
  // Internal loop
  for (let j = 1; j <= i; j++) {
    string += i;
  }
  string += "\n";
}
console.log(string);
Try It

3. Triangle pattern (3)

1
2 3
4 5 6
7 8 9 10

The shape of this pattern is the same as the previous one only difference is in the printed number. The number is increasing in each and every iteration. To achieve this you can simply create a random variable ('count' in the below example) and increase it in every iteration.

Example

let n = 4; // height of pattern
let string = "";
let count = 1;
// External loop
for (let i = 1; i <= n; i++) {
  // Internal loop
  for (let j = 1; j <= i; j++) {
    string += count;
    count++;
  }
  string += "\n";
}
console.log(string);
Try It

4. Reverse triangle (1)

12345
1234
123
12
1

In this pattern control, internal loop such as it runs for 'n' times in the 1st iteration of the external loop, 'n - 1' times in the 2nd iteration, and so on. To get this set initialization variable j less than 'n - i + 1'. Now use the initialization variable of the internal loop for character increment.

Example

let n = 5; // height of pattern
let string = "";
// External loop
for (let i = 1; i <= n; i++) {
  for (let j = 1; j <= n - i + 1; j++) {
    string += j;
  }
  string += "\n";
}
console.log(string);
Try It

Stay Ahead, Learn More


5. Reverse triangle (2)

54321
5432
543
54
5

This pattern is the same as the previous pattern only difference is that instead of starting the number from 1 it is starting from 'n', where 'n' is the height of the pattern.

To achieve this use 'n - j + 1' for number creation.

Example

let n = 5; // height of pattern
let string = "";
// External loop
for (let i = 1; i <= n; i++) {
  for (let j = 1; j <= n - i + 1; j++) {
    string += n - j + 1;
  }
  string += "\n";
}
console.log(string);
Try It

Pattern 6:

54321
4321
321
21
1

This pattern is the same as the previous pattern only difference is the last pattern starts from number 1 but this pattern ends with number 1 in each row.

To achieve this use 'n - i - j + 2' for printing number as it will end each row with 1.

Example

let n = 5; // height of pattern
let string = "";
// External loop
for (let i = 1; i <= n; i++) {
  for (let j = 1; j <= n - i + 1; j++) {
    string += n - j - i + 2;
  }
  string += "\n";
}
console.log(string);
Try It

7. Number pyramid pattern (1)

    1
   123
  12345
 1234567
123456789

This is a pyramid-shaped pattern using the numbers, we have already created the pyramid pattern using stars. Using the same technique create the pattern and instead of printing stars, print numbers starting from 1 in each row.

This program will contain 2 internal loops, 1st internal loop will print the spaces and 2nd internal loop will print numbers starting from 1 and 2 * i -1 times in each row.

Example

let n = 5;
let string = "";
// External loop
for (let i = 1; i <= n; i++) {
  // creating spaces
  for (let j = 1; j <= n - i; j++) {
    string += " ";
  }
  // creating numbers
  for (let k = 1; k <= 2 * i - 1; k++) {
    string += k;
  }
  string += "\n";
}
console.log(string);
Try It

8. Number Pyramid Pattern (2)

  1
 234
56789

This pattern is the same as the previous pattern only difference is that the number increases in this pattern in each and every iteration, while in the last pattern it starts with 1 again from each row.

To keep track of this create a variable (called count here) and increase it in every iteration of the internal loop and use this variable as a number for printing.

Example

let n = 3;
let count = 1;
let string = "";
// External loop
for (let i = 1; i <= n; i++) {
  // creating spaces
  for (let j = 1; j <= n - i; j++) {
    string += " ";
  }
  // creating numbers
  for (let k = 1; k <= 2 * i - 1; k++) {
    string += count;
    count++;
  }
  string += "\n";
}
console.log(string);
Try It

9. Reverse Pyramid Pattern

123456789
 1234567
  12345
   123
    1

This is a reverse pyramid pattern using numbers. To create this control the formation of spaces and creation of numbers in reverse order. See the code below to understand.

Compare codes of pyramid pattern and reverse pyramid pattern for better understanding.

Example

let n = 5;
let string = "";
// External loop
for (let i = 1; i <= n; i++) {
  // creating spaces
  for (let j = 1; j < i; j++) {
    string += " ";
  }
  // creating numbers
  for (let k = 1; k <= 2 * (n - i + 1) - 1; k++) {
    string += k;
  }
  string += "\n";
}
console.log(string);
Try It

10. Number Diamond Pattern

    1
   123
  12345
 1234567
123456789
 1234567
  12345
   123
    1

The diamond pattern is a combination of the pyramid and the reverse pyramid number patterns.

Example

let n = 5;
let string = "";
// Pyramid
for (let i = 1; i <= n; i++) {
  for (let j = 1; j < n - i + 1; j++) {
    string += " ";
  }
  for (let k = 1; k <= 2 * i - 1; k++) {
    string += k;
  }
  string += "\n";
}
// Reverse Pyramid
for (let i = 1; i <= n - 1; i++) {
  for (let j = 1; j < i + 1; j++) {
    string += " ";
  }
  for (let k = 1; k <= 2 * (n - i) - 1; k++) {
    string += k;
  }
  string += "\n";
}
console.log(string);
Try It

Pattern 11: Hourglass Pattern

123456789
 1234567
  12345
   123
    1
   123
  12345
 1234567
123456789

Hourglass pattern is a combination of the reverse pyramid and pyramid number patterns.

Example

let n = 5;
let string = "";
// Reverse Pyramid
for (let i = 1; i <= n; i++) {
  for (let j = 1; j < i; j++) {
    string += " ";
  }
  for (let k = 1; k <= 2 * (n - i + 1) - 1; k++) {
    string += k;
  }
  string += "\n";
}
// Pyramid
for (let i = 1; i <= n - 1; i++) {
  for (let j = 1; j < n - i; j++) {
    string += " ";
  }
  for (let k = 1; k <= 2 * (i + 1) - 1; k++) {
    string += k;
  }
  string += "\n";
}
console.log(string);
Try It

12. Number Pascal Pattern

1
12
123
1234
12345
1234
123
12
1

Pascal pattern is a combination of triangle and reverse triangle pattern using numbers.

Example

let n = 5;
let string = "";
// Pyramid
for (let i = 1; i <= n; i++) {
  for (let k = 1; k <= i; k++) {
    string += k;
  }
  string += "\n";
}
// Reverse Pyramid
for (let i = 1; i <= n - 1; i++) {
  for (let k = 1; k <= n - i; k++) {
    string += k;
  }
  string += "\n";
}
console.log(string);
Try It

Conclusion

In this article, you learned and created 12 different number patterns in javascript. You can think of number pattern programs as 1 step above star pattern programs because they need little more logic than start pattern programs. Visit other pattern programs from the links below.