在 JavaScript 中，数组是一种十分有用的数据结构，而在 ES7 中，新增了一个 Array.prototype.fill 方法，它可以快速地将数组中的元素值全部改变，本文将介绍这个方法的使用技巧及如何使用它修改数组中的元素值，并提供相应的示例代码。
Array.prototype.fill 方法简介
fill(value, start, end)
value：必选参数，用来填充数组元素的值。
start：可选参数，指定开始填充的起始位置，默认从第一个元素开始填充。
end：可选参数，指定填充结束的位置，默认填充到数组末尾。
Array.prototype.fill 方法会将指定的值赋给数组中的每个元素，它有三个参数，value 表示要填充的值，start 表示开始填充的位置，end 表示填充结束的位置。
使用技巧
如何填充数组中的所有元素？
我们可以使用以下代码来实现：
let arr = new Array(5).fill(0); console.log(arr); // [0, 0, 0, 0, 0]
这样，我们就可以快速创建出一个长度为 5 的数组，并将其所有元素的值设为 0。
如何用 fill 方法修改数组中的值？
我们可以使用以下代码来实现：
let arr = [1, 2, 3, 4, 5]; arr.fill(0, 2, 4); console.log(arr); // [1, 2, 0, 0, 5]
这段代码会将原数组的第 2 个位置到第 4 个位置之间的元素都赋为 0。
修改数组中的值
使用 fill 方法替换数组中的元素
let arr = [1, 2, 3, 4, 5]; arr.fill(0, 1, 3); console.log(arr); // [1, 0, 0, 4, 5]
使用 fill 方法添加新的元素
let arr = [1, 2, 3, 4, 5]; arr.fill(0, 5, 6); console.log(arr); // [1, 2, 3, 4, 5, 0]
使用 fill 方法删除数组中的元素
let arr = [1, 2, 3, 4, 5]; arr.fill(0, 2, 4); arr.splice(2, 2); console.log(arr); // [1, 2, 5]
总结
ES7 的 Array.prototype.fill 方法能够快速地将数组中的元素全部修改为指定的值，从而使我们不必一个个操作数组来修改其中的每个元素。使用这个方法可以大大提高我们的开发效率。在使用这个方法时，需要注意其参数的使用方法，合理使用 fill 方法能够更加高效地完成数组的操作。
示例代码
-- -------------------- ---- ------- --- --- - --- ----------------- ----------------- -- --- -- -- -- -- --- ---- - --- -- -- -- --- ------------ -- --- ------------------ -- --- -- -- -- -- --- ---- - --- -- -- -- --- ------------ -- --- ------------------ -- --- -- -- -- -- --- ---- - --- -- -- -- --- ------------ -- --- ------------------ -- --- -- -- -- -- -- --- ---- - --- -- -- -- --- ------------ -- --- -------------- --- ------------------ -- --- -- --
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6503b3e295b1f8cacd07a1c6