Array.prototype.fill() 与 fill 不同 [重复]

Question

我正在研究一个将其结果输出到二维数组中的问题，并在每个元素中添加一个。

我尽可能简化代码以创建测试用例。如果我按我去填充数组，如下所示：

var a = [[], [], [] ,[] ,[], []];
var d1, d2;
for (d1 = 0; d1 < 6; d1++) {
    for (d2 = 0; d2 < 6; d2++) {
        a[d1][d2] = (a[d1][d2]) ? (a[d1][d2]) + 1 : 1; 
    }
}

我得到一个二维数组，其中所有值都是 1。但是，如果我使用 array.prototype.fill() 预填充数组，如下所示：

var a = new Array(6).fill(new Array(6).fill(0));
var d1, d2;
for (d1 = 0; d1 < 6; d1++) {
    for (d2 = 0; d2 < 6; d2++) {
        a[d1][d2] += 1; 
    }
}

我得到一个充满 6s 的二维数组。即使我用旧的a[d1][d2] = (a[d1][d2]) ? (a[d1][d2]) + 1 : 1; 替换a[d1][d2] += 1，（它应该仍然有效，因为 0 和 undefined 都是假的）我仍然得到 6s。

据我所知，我的代码应该只是循环遍历每个元素并在前一个值上加一个。它不应该多次接触任何元素，所以它们都应该是 1。我是否提前填充数组并不重要。

我理解的失败在哪里？

Answer 1

Array.fill 旨在用于用 static 值填充数组中从开始索引到结束索引的所有元素。

不幸的是，这意味着如果你传入一个元素，比如一个新数组，你的数组实际上会被许多对同一个元素的引用填充。换句话说，a 没有填充六个大小为 6 的数组； a 填充有六个指针，指向 同一个数组，大小为 6。

您可以在开发者控制台中轻松验证这一点：

var a = new Array(6).fill(new Array(6).fill(0));
a
>>> [Array[6], Array[6], Array[6], Array[6], Array[6], Array[6]]
a[0]
>>> [0, 0, 0, 0, 0, 0]
a[1]
>>> [0, 0, 0, 0, 0, 0]
a[0][1] = 1
a[0]
>>> [0, 1, 0, 0, 0, 0]
a[1]
>>> [0, 1, 0, 0, 0, 0]