js/ 数组fill()方法踩坑/避开fill()引用类型

js里数组fill()方法我们通常用来初始化一个数组，给他填充一些初始数据，但是一般都是填充基本数据类型的数据，所以没啥问题。

比如：

let dp = new Array(2).fill(0)

得到一个全为0的数组。

但是当我们用来填充引用类型数据的时候，就会出现，改动其中一个数据，比如

let dp = new Array(2).fill(new Array(2).fill(0))
dp[0][1] = 1

虽然只改了一个数据，但是却惊奇的发现最后数组所有数据全变成了1，这是为啥呢？

MDN描述如下：

// Objects by reference.
const arr = Array(3).fill({}) // [{}, {}, {}];
// 需要注意如果 fill 的参数为引用类型，会导致都执行同一个引用类型
// 如 arr[0] === arr[1] 为 true
arr[0].hi = "hi"; // [{ hi: "hi" }, { hi: "hi" }, { hi: "hi" }]

 如上所说，fill()引用类型的时候，是填充的同一个引用类型数据，所以会导致改一个数据，结果数组全部数据都变了的情况。