1. 首页
  2. JavaScript 菜鸟教程
  3. JavaScript - Array fill() 方法

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

在这里，我们将指定值 “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
<< JavaScript - Array entries() 方法 JavaScript - Array filter() 方法 >>