[Edit]

JavaScript - create two dimensional array

1 contributors

2 contributions

0 discussions

3 points

Created by:

Brandy-Mccabe

724

In this article, we would like to show you how to create a two-dimensional array in JavaScript.

By initialization

Edit

xxxxxxxxxx
 
const array = [[1, 2], [3, 4]];
​
console.log(array[0][0]); // 1
console.log(array[0][1]); // 2
console.log(array[1][0]); // 3
console.log(array[1][1]); // 4

Auto running

By assigning

Edit

In this example, we use Array() constructor to dynamically create empty two-dimensional array.

xxxxxxxxxx
 
const array = new Array(2);
​
for (let i = 0; i < array.length; ++i) {
    const subarray = new Array(3);
    for (let j = 0; j < subarray.length; ++j) {
        subarray[j] = `item-${i}-${j}`;
    }
    array[i] = subarray;
}
​
console.log(JSON.stringify(array, null, 4));

Auto running

Reusable function

Edit

xxxxxxxxxx
 
const createArray1D = (size, creator = (index) => null) => {
    const array = Array(size);
    for (let i = 0; i < size; ++i) {
        array[i] = creator(i);
    }
    return array;
};
​
const createArray2D = (width, height, creator = (i, j) => null) => {
    return createArray1D(height, (i) => createArray1D(width, (j) => creator(i, j)));
}
​
​
// Usage example:
​
const array = createArray2D(2, 3, (i, j) => `item-${i}-${j}`);
​
console.log(JSON.stringify(array));