JavaScript - 数组 fill() 方法

JavaScript Array.fill() 方法用于用指定值填充数组的所有元素。fill() 方法会修改原始数组并返回修改后的数组，而不会创建新数组。

以下是 JavaScript Array.fill() 方法的行为 -

• 如果"start"为负数，则将其视为 array.length + start。
• 如果"end"为负数，则将其视为 array.length + end。
• 如果"start"大于或等于 end，则不会修改数组。

语法

以下是 JavaScript Array fill() 方法的语法 -

array.fill(value, start, end);

参数

此方法接受三个参数。具体说明如下:-

• value - 用于填充数组的值。
• start(可选)- 数组填充的起始索引。如果未提供，则默认值为 0。
• end(可选)- 数组填充的终止索引。如果未提供，则数组将填充至其最后一个索引。

返回值

此方法修改原始数组并返回修改后的数组。

示例

示例 1

在下面的示例中，我们使用 JavaScript 数组 fill() 方法将所有元素填充为值 Dinosaur -

<html>
<body>
   <p id="demo"></p>
   <script>
      const animals = ["Lion", "Cheetah", "Tiger", "Elephant"];
      document.getElementById("demo").innerHTML = animals.fill("Dinosaur");
   </script>
</body>
</html>

输出

正如我们在输出中看到的，数组中的所有元素都填充了"Dinosaur"。

Dinosaur,Dinosaur,Dinosaur,Dinosaur

示例 2

在这里，我们将指定值 Dinosaur 和起始索引"2"传递给 fill() 函数。

<html>
<body>
   <p id="demo"></p>
   <script>
      const animals = ["Lion", "Cheetah", "Tiger", "Elephant"];
      document.getElementById("demo").innerHTML = animals.fill("Dinosaur", 2);
   </script>
</body>
</html>

输出

执行上述程序后，数组的第三和第四个元素将被填充为"Dinosaur"。

Lion,Cheetah,Dinosaur,Dinosaur

示例 3

以下程序将值 Dinosaur 从数组的第二个元素填充到第四个元素。

<html>
<body>
   <p id="demo"></p>
   <script>
      const animals = ["Lion", "Cheetah", "Tiger", "Elephant"];
      document.getElementById("demo").innerHTML = animals.fill("Dinosaur", 1, 4);
   </script>
</body>
</html>

输出

执行上述程序后，从第二个元素到第四个元素将被填充值"Dinosaur"。

Lion,Dinosaur,Dinosaur,Dinosaur