JavaScript 的 array.fill 方法

JavaScript 的 array.fill 方法是一个非常有用的数组方法，可以轻松地将连续的元素数组替换为特定值。在许多情况下，我们可以使用它来快速初始化数组或填充数组中的空洞。在这篇文章中，我们将从以下几个方面详细介绍array.fill方法的使用。

1。基本使用

Ary.fill 方法的基本语法如下：

  
    array.fill(value, start, end);
  

其中value参数表示要替换的值，start和end参数表示要替换的元素的起始和结束位置。如果没有传递end参数，则默认为数组末尾。

以下示例演示如何使用 fill 方法初始化长度为 10 的数组：

  
    const arr = new Array(10).fill(0);
    console.log(arr); // [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
  

通过填充方法对表进行填充，我们可以轻松初始化一个定长表。在上面的示例中，我们使用 new 关键字创建了一个长度为 10 的数组，并将其所有元素填充为零。

2。更改指定区域

fill 方法不仅可以用来初始化数组，还可以用来替换数组元素。例如，我们可以用相同的值替换数组中连续范围的元素：

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

在上面的例子中，我们将arr数组中索引1-3的元素替换为值0。因此，结果是[1, 0, 0, 4, 5]。

3。填补漏洞

我们有时会遇到矩阵中的空洞，比如下面的例子：

  
    const arr = [1, 2, , 4, , 6];
    console.log(arr); // [1, 2, empty, 4, empty, 6]
  

在上面的例子中，桌子中间的第3个和第5个位置有两个孔。如果我们想用固定值填充这些洞，我们可以使用 fill 方法：

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

上例中，使用填充方法将表中所有空洞都填充为0。这是为了确保桌子上没有洞。

4。使用fill方法模拟Array.from方法

Array.from 方法可以将类似数组的对象或可迭代对象转换为数组。有时我们可以使用 fill 方法来模拟 Array.from 方法，通过多次重复一个值来创建数组。例如，使用 fill 方法，我们可以创建一个长度为 10、所有元素均为 0 的数组：

  
    const arr = Array.from({ length: 10 }).fill(0);
    console.log(arr); // [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
  

在上面的例子中，我们首先使用Array.from方法创建一个长度为10的空数组，然后使用fill方法将其所有元素填充为0。这样我们就可以灵活的创建表了。具有一定的长度和一定的元素。

5。结论

通过本文的介绍，我们了解了JavaScript的array.fill方法的基本用法，以及如何使用它来替换特定范围、填充空洞以及模拟Array.from方法。 ary.fill方法是一个非常有用的数组方法，可以帮助我们在开发中更高效地处理数组。