How to create a Two Dimensional Array in JavaScript - Step by Step Examples

◀ Previous Next ▶

How to create a Two Dimensional Array in JavaScript ?

Answer

To create a Two Dimensional Array in JavaScript, you can initialize an array of arrays with specified dimensions.

✐ Examples

1 Creating a 2D Array of Numbers

In this example,

We initialize a 2D array of numbers named matrix with dimensions 3x3.
We assign values to the elements of the array.
The outer loop iterates over rows, and the inner loop iterates over columns to fill the array.

JavaScript Program

const matrix = new Array(3);
for (let i = 0; i < matrix.length; i++) {
    matrix[i] = new Array(3);
    for (let j = 0; j < matrix[i].length; j++) {
        matrix[i][j] = i + j;
    }
}
console.log(matrix);

Output

[ [ 0, 1, 2 ], [ 1, 2, 3 ], [ 2, 3, 4 ] ]

2 Creating a 2D Array of Strings

In this example,

We initialize a 2D array of strings named matrix with dimensions 2x2.
We assign values to the elements of the array.
The outer loop iterates over rows, and the inner loop iterates over columns to fill the array.

JavaScript Program

const matrix = new Array(2);
for (let i = 0; i < matrix.length; i++) {
    matrix[i] = new Array(2);
    for (let j = 0; j < matrix[i].length; j++) {
        matrix[i][j] = `Row ${i + 1}, Column ${j + 1}`;
    }
}
console.log(matrix);

Output

[
  [ 'Row 1, Column 1', 'Row 1, Column 2' ],
  [ 'Row 2, Column 1', 'Row 2, Column 2' ]
]

Summary

In this tutorial, we learned How to create a Two Dimensional Array in JavaScript language with well detailed examples.

◀ Previous Next ▶

JavaScript Tutorials

JavaScript How-Tos

How to create a Two Dimensional Array in JavaScript - Step by Step Examples

How to create a Two Dimensional Array in JavaScript ?

Answer

✐ Examples

1 Creating a 2D Array of Numbers

JavaScript Program

Output

2 Creating a 2D Array of Strings

JavaScript Program

Output

Summary

More JavaScript Arrays Tutorials