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>