我如何在JavaScript中创建一个二维数组?

我一直在网上阅读，一些地方说这是不可能的，一些地方说这是可能的，然后给出一个例子，另一些地方反驳这个例子，等等。

如何在JavaScript中声明一个2维数组?(假设这是可能的) 我如何访问它的成员?(myArray[0][1] or myArray[0,1]?)

当前回答

一行代码创建一个m*n的二维数组，数组中填充0。

new Array(m).fill(new Array(n).fill(0));

其他回答

还有另一种解决方案，它不强迫你预先定义2d数组的大小，而且非常简洁。

Var表= {} table[[1,2]] = 3 //注意双[[and]] Console.log (table[[1,2]]) // -> 3 .单击“确定”

这是因为，[1,2]被转换为一个字符串，用作表对象的字符串键。

Array.from({length: rows}).map(e => new Array(columns));

ES6+、ES2015+可以用更简单的方式做到这一点

创建3 × 2的数组，填充为true

[...Array(3)].map(item => Array(2).fill(true))

这是我发现的一个制作二维数组的快速方法。

function createArray(x, y) {
    return Array.apply(null, Array(x)).map(e => Array(y));
}

您还可以轻松地将该函数转换为ES5函数。

function createArray(x, y) {
    return Array.apply(null, Array(x)).map(function(e) {
        return Array(y);
    });
}

为什么这样工作:新的Array(n)构造函数创建了一个带有Array原型的对象。原型，然后分配对象的长度，导致一个未填充的数组。由于它缺乏实际成员，我们不能在它上运行Array.prototype.map函数。

然而，当您向构造函数提供多个参数时，例如执行Array(1,2,3,4)时，构造函数将使用arguments对象正确地实例化和填充Array对象。

因此，我们可以使用Array。apply(null, Array(x))，因为apply函数会将参数分散到构造函数中。为了澄清，执行Array。apply(null, Array(3))等价于执行Array(null, null, null)。

现在我们已经创建了一个实际的填充数组，我们所需要做的就是调用map并创建第二层(y)。

您可以分配一个行数组，其中每一行都是相同长度的数组。或者你也可以用rows*columns元素分配一个一维数组，并定义方法将行/列坐标映射到元素索引。

无论选择哪种实现，如果将其包装在对象中，则可以在原型中定义访问器方法，从而使API易于使用。

推荐文章