JavaScript数组填充fill函数

最新推荐文章于 2024-03-03 23:05:18 发布

jifukui

最新推荐文章于 2024-03-03 23:05:18 发布

阅读量3k

点赞数

分类专栏：前端综合文章标签： javascript

本文链接：https://blog.csdn.net/jifukui/article/details/108367815

版权

前端综合专栏收录该内容

17 篇文章 0 订阅

订阅专栏

大家使用数组估计最让人厌烦的就是对数组进行赋初值，要不就是手动的进行赋值要不就是使用for循环进行赋值。在ES6中可以使用fill方法进行数组的初始化。fill方法接收3个参数，第一个参数是赋值的值为必要参数，第二个参数是赋值开始的起始位置，第3个参数是赋值开始的终止位置此位置不会进行赋值。

当只有第1个参数是默认设置数组的所有值为参数1的值。

当只有第1,2两个参数值设置从第2个值的位置到数组的末尾使用参数1的值进行赋值。

同时还需要注意的是不能对超出数组长度的值进行赋值。

请看下面的演示程序。

<!DOCTYPE html>
<html>
    <head>
        <title>数组的fill方法</title>
        <meta charset="utf-8">
    </head>
    <body>
        <textarea style="height: 500px;width: 300px;" id="value"></textarea>
    </body>
    <script>
        let dom = document.getElementById("value");
        let str=[]
        let a=new Array(5);
        str.push(`the init value is ${a}`);
        a.fill(1);
        str.push(`the a.fill(1) value is ${a}`);
        a.fill(2,1);
        str.push(`the a.fill(2,1) value is ${a}`);
        a.fill(3,3,5);
        str.push(`the a.fill(3,3,5) value is ${a}`);
        a.fill(3,5,10);
        str.push(`the a.fill(3,5,10) value is ${a}`);
        a.length=10
        a.fill(3,5,10);
        str.push(`after set length is 10 the a.fill(3,5,10) value is ${a}`);
        dom.value =str.join("\n");
    </script>
</html>

输出结果为：

从结果上我们可以看到上述的结论。但是使用fill对数组进行赋值还是有一些局限性的，只能赋值一部分的位置的值为一个相同的值。

jifukui

关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
JavaScript数组填充fill函数

大家使用数组估计最让人厌烦的就是对数组进行赋初值，要不就是手动的进行赋值要不就是使用for循环进行赋值。在ES6中可以使用fill方法进行数组的初始化。fill方法接收3个参数，第一个参数是赋值的值为必要参数，第二个参数是赋值开始的起始位置，第3个参数是赋值开始的终止位置此位置不会进行赋值。当只有第1个参数是默认设置数组的所有值为参数1的值。当只有第1,2两个参数值设置从第2个值的位置到数组的末尾使用参数1的值进行赋值。同时还需要注意的是不能对超出数组长度的值进行赋值。请看下...
复制链接

扫一扫