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

最新推荐文章于 2024-08-01 18:46:27 发布

竹篮打水怪

最新推荐文章于 2024-08-01 18:46:27 发布

阅读量1k

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qugepminzi/article/details/128729748

版权

当使用JavaScript的数组fill()方法填充引用类型数据时，会发现修改一个元素会影响到所有填充的数据，因为它们都指向同一内存地址。例如，用fill()创建一个二维数组并改变其中一个子数组元素，会导致所有子数组都被修改。MDN文档指出，fill()在处理对象时填充的是对象的引用，而非副本，因此修改一个对象会影响到所有填充的对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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()引用类型的时候，是填充的同一个引用类型数据，所以会导致改一个数据，结果数组全部数据都变了的情况。