JavaScript手册 | JS Array 对象中的fill()方法

作者: Arvin Chen 分类: js 来源: Break易站(www.breakyizhan.com)

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>

尝试一下 >>

 

  •   本文标题:JavaScript手册 | JS Array 对象中的fill()方法 - Break易站
    转载请保留页面地址:https://www.breakyizhan.com/js/6756.html

    发表笔记

    电子邮件地址不会被公开。 必填项已用*标注

    更多阅读