fill()函数来填充数组

fill()函数是JavaScript数组对象的一个方法。这个方法被设计为用指定的静态值填充一个数组的所有元素，从一个开始索引（默认为0）到一个结束索引（默认为数组的长度）。fill()函数接收一个静态值作为参数。这个值将被复制到数组中的每个位置。fill()方法将创建一个新数组，而不是直接修改原始数组，因此需要将填充后的结果分配给一个变量。

使用fill()函数来填充数组是非常方便的，因为它使得创建特定值的数组变得非常容易。这个方法被广泛使用，可以在很多不同的场景中找到应用。以下是一些使用fill()函数的实际例子：

1. 创建一个长度为10并填充0的数组

var arr = new Array(10).fill(0);

这将创建一个包含10个零的数组，arr的值将是 [0,0,0,0,0,0,0,0,0,0]。

2. 创建一个长度为5并填充一个自定义数字的数组

var arr = new Array(5).fill(42);

这将创建一个包含5个42的数组，arr的值将是 [42,42,42,42,42]。

3. 创建一个长度为4的数组并使用嵌套的fill()函数来填充另一个数组

var arr = new Array(4).fill(new Array(4).fill(0));

这将创建一个包含4个长度为4的数组的数组，每个数组都有4个零。arr的值将是 [[0,0,0,0],[0,0,0,0],[0,0,0,0],[0,0,0,0]]。

4. 填充一个部分数组

var arr = [1, 2, 3, 4, 5];

arr.fill(0, 2, 4);

这将填充arr数组的第2到第4个元素（不包括第4个元素）之间的所有元素为0。arr的值将是 [1, 2, 0, 0, 5]。

5. 创建一个连续数组

var arr = Array(10).fill().map((_, idx) => idx + 1);

这将创建一个长度为10的数组，填充为 [undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined]。然后，map()函数将每个元素映射为它们的索引值加1，得到一个包含1到10的数字数组。所以arr的值将是 [1,2,3,4,5,6,7,8,9,10]。

在这里，map()函数被用来将一个填充的数组转换为一个连续数字的数组。这种用法非常常见，因为fill()函数允许我们快速创建一个指定长度并且填充特定值的数组。

总之，fill()函数是一个非常有用的JavaScript数组方法，它使填充数组变得简单快捷，大大减少了代码量。它可以用于许多不同的场景，如数组初始化、预先设定数值、清空数组等。掌握fill()函数的用法，可以使JavaScript数组更加灵活和易于使用。