使用新的Array（）。創建二維數組fill（0）bug？

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方法填充相同的數組，該元素是引用單個數組。所以你需要創建單獨的數組作爲元素。所以更新一個會反映所有其他，因爲它們不是不同的數組，它們是相同的。

使用Array.from()您可以通過map function創建並生成值。

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)

Answer 2

@PranavCBalan有權。

這是類似的東西：

let matrix = new Array(row); 
var x = new Array(column).fill(0); 
matrix[0] = matrix[1] = .. = matrix[column - 1] = x; 

你的矩陣是一個對象的數組。