JavaScript - Array 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 Array 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

在这里，我们向 fill() 函数传递了一个指定的值“Dinosaur”和一个起始索引“2”。

<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

打印页面