javascript - new Array(_).fill(object) 不会创建对象的新实例

Question

这个问题已经有答案了:

Unexpected behavior using Array Map on an Array Initialized with Array Fill [duplicate] (1 个回答)

已关闭 2 年前。

ES6 允许我们填写 Array具有一定的值:

function emptyRow() {
    return new Array(9).fill(0);
}

该函数返回 Array长度为 9，仅用零填充:

>> emptyRow()
<< Array [ 0, 0, 0, 0, 0, 0, 0, 0, 0 ]

现在我想生成一个Array其中充满了九个空行。

function emptyMatrix() {
    return new Array(9).fill(emptyRow());
}

但是，而不是 fill调用emptyRow()九次，好像调用一次就填新的Array有九个对 emptyRow() 创建的对象的引用。当然，如果我更改任何这些子数组中的值，则所有子数组的值都会在相同索引处更改。

有没有办法为每个条目创建一个新对象？

Answer 1

Array#fill 不会帮助您，它接受已创建的对象 emptyRow() 返回的值。您可以使用接受函数的 Array#map，尽管您无法使用 new Array() 构造函数。这是最简单的方法:

function emptyMatrix() {
  Array.apply(null, {length: 9}).map(emptyRow);
  // create the array            fill in values
}

或者，更一般地说:

function generateArray(n, valueFactory) {
  return Array.apply(null, {length: n}).map(valueFactory);
}