使用array.fill填充数组元素

JavaScript是一种广泛用于网页交互的脚本语言。其中数组是JavaScript中重要的数据结构之一。本文将介绍JavaScript中的array.fill方法，该方法能够填充数组元素从而方便数组的操作。

一、基本介绍

array.fill方法是ES6定义的一个数组方法，用于填充数组中制定位置的元素值。

fill方法有两个参数：第一个是需要填充的值，第二个是可选的，表示填充的起始位置和结束位置。fill方法会填充起始位置到结束位置的元素（不包括结束位置）。

例如，下面的代码会将数组中的所有元素都用0填充：

const arr = [1,2,3,4];
arr.fill(0); // [0,0,0,0]

如果制定起始位置和结束位置，那么只有这个区间内的元素会被填充，区间外的元素不受影响。

下面的代码会将数组中从第2个元素到第4个元素用0填充：

const arr = [1,2,3,4];
arr.fill(0, 1, 4); // [1,0,0,0]

二、常见用法

1、清空数组

通过fill方法，可以轻松地将一个数组中所有元素都清空。只需要将需要填充的值设置为要清空的元素的数据类型的默认值即可。

const arr = [1, 2, 3, 4];
arr.fill(undefined); // [undefined, undefined, undefined, undefined]

2、重置数组

有时候需要初始化一个大小和当前数组相等的新数组，对于这种情况，可以使用Array.from方法将当前数组转化成新数组，然后使用fill方法将新数组填充。

const arr = [1, 2, 3, 4];
const resetArr = Array.from(arr).fill(0); // [0, 0, 0, 0]

3、生成某个重复值的数组

有时候需要生成一定长度的由同一值组成的数组。这个需求可以使用fill方法很轻松地实现。

const repeatArr = new Array(5).fill(0); // [0, 0, 0, 0, 0]

三、小结

本文介绍了JavaScript中的array.fill方法。通过本文的介绍，我们可以轻松地完成清空数组、重置数组、生成同一值的数组等常见的操作。同时，了解到fill方法有第二个参数，可以精确地控制填充位置。