JavaScript Array fill() 方法
JavaScript基础 2022-05-13 16:27:14小码哥的IT人生shichen
JavaScript Array fill() 方法
实例
用静态值填充所有数组元素：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.fill("Kiwi");
完整实例：
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 数组</h1>
<p>Array.fill() 方法用静态值填充数组中的指定元素。</p>
<p id="demo"></p>
<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.fill("Kiwi");
</script>
<p>Internet Explorer 不支持 Array.fill() 方法。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
页面下方有更多 实例。
定义和用法
fill() 方法用静态值填充数组中的指定元素。
您可以指定开始和结束填充的位置。如果未指定，则将填充所有元素。
注释：fill() 会覆盖原始数组。
浏览器支持
表格中的数字注明了完全支持该方法的首个浏览器版本。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome 45 | Edge 12 | Firefox 31 | Safari 7.1 | Opera 32 |
| 2015 年 9 月 | 2015 年 7 月 | 2014 年 7 月 | 2014 年 9 月 | 2015 年 9 月 |
注释：Internet Explorer 不支持 fill() 方法。
语法
array.fill(value, start, end)
参数值
| 参数 | 描述 |
|---|---|
| value | 必需。用于填充数组的值。 |
| start | 可选。开始填充数组的索引（默认为 0）。 |
| end | 可选。停止填充数组的索引（默认为 array.length）。 |
技术细节
| 返回值： | 数组，改变后的数组。 |
|---|---|
| JavaScript 版本： | ECMAScript 6 |
更多实例
用静态值填充最后两个数组元素：
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.fill("Kiwi", 2, 4);
完整实例：
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript 数组</h1>
<p>用 "Kiwi" 填充最后两个数组元素：</p>
<p id="demo"></p>
<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo").innerHTML = fruits.fill("Kiwi",2,4);
</script>
<p>Internet Explorer 不支持 Array.fill() 方法。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
