javascript - 使用 new Array().fill(0) 创建二维数组错误？

Question

我想创建一个二维数组，但我发现了一个有趣的行为

const column = 10;
const row = 10;

let matrix = new Array(row).fill(new Array(column).fill(0));

matrix[0][1] = 1;

console.log(matrix)

令我惊讶的是，我得到的结果如下:

0 2 0 0 0 0 0 0 0 0 
0 2 0 0 0 0 0 0 0 0 
0 2 0 0 0 0 0 0 0 0 
0 2 0 0 0 0 0 0 0 0 
0 2 0 0 0 0 0 0 0 0 
0 2 0 0 0 0 0 0 0 0 
0 2 0 0 0 0 0 0 0 0 
0 2 0 0 0 0 0 0 0 0 
0 2 0 0 0 0 0 0 0 0 
0 2 0 0 0 0 0 0 0 0 

整个列号 1 设置为 1，我可以知道为什么会出现此行为吗？

Answer 1

Array#fill 方法填充相同的数组，其元素是对单个数组的引用。因此，您需要创建单独的数组作为元素。因此，更新一个数组将反射(reflect)所有其他数组，因为它们不是不同的数组，而是相同的。

使用 Array.from() 您可以通过 map function 来创造和产生值(value).

const column = 10;
const row = 10;

let matrix = Array.from({
  // create array of length `row`
  length: row 
  // map function to generate values
}, () => new Array(column).fill(0));

matrix[0][1] = 1;

console.log(matrix)