JS Array 对象中的fill()方法的定义和用法
Array.fill() 函数用于使用给定的静态值填充数组。该值可用于填充整个数组，也可用于填充数组的一部分。
JS Array 对象中的fill()方法浏览器的兼容性
| Chrome | Inter Explorer | Firefox | Safari | Opera |
|---|---|---|---|---|
| 45 | 12 | 31 | 7.1 | 32 |
JS Array 对象中的fill()方法的语法和例子
Array fill()方法的语法：
arr.fill(value, start, end)
这里arr是要用静态值填充的数组。
参数
此函数有三个参数。
- value
它定义了要替换数组元素的静态值。
- start（可选）
它定义了使用静态值填充数组的起始索引。如果未定义此值，则将起始索引视为0。如果start为负，则起始索引为length + start。
- end（可选）
此参数定义要使用静态值填充数组的最后一个索引。如果未定义此值，则默认情况下，将arr.length - 1的最后一个索引作为结束值。如果结束为负，则将终止索引定义为length + end。
JS array 使用fill()填充数组元素。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js array 使用fill()填充数组元素。- Break易站(breakyizhan.com)</title>
</head>
<body>
<p>点击按钮使用 “breakyizhan” 填充数组元素。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<hr><hr>
<p id="demo2"></p>
<p><strong>注意:</strong> IE 11 及更早版本不支持 fill() 方法。</p>
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var web = ["runoob", "google", "baidu", "hao123"];
document.getElementById("demo").innerHTML = fruits;
document.getElementById("demo2").innerHTML = web;
function myFunction() {
//点击按钮使用 “breakyizhan” 填充所有数组元素。
document.getElementById("demo").innerHTML = fruits.fill("breakyizhan");
//点击按钮使用 “breakyizhan” 填充所有数组元素。
document.getElementById("demo2").innerHTML = web.fill("breakyizhan",2);
}
</script>
</body>
</html>