ES6中数组的新方法（...，Array.from()，Array.of()，copyWithin()，find()和findindex()，fill()，entries()，indludes()）

最新推荐文章于 2024-02-20 16:19:20 发布

gs981600308

最新推荐文章于 2024-02-20 16:19:20 发布

阅读量223

点赞数

分类专栏：笔记学习笔记文章标签： es6数组新方法

本文链接：https://blog.csdn.net/gs981600308/article/details/90638851

版权

本文详细介绍了ES6中数组的新特性，包括扩展运算符（...）的多种应用场景，如函数调用、数组合并、解构赋值等；Array.from()和Array.of()用于将非数组对象转换为数组；copyWithin()方法实现数组内元素的复制与替换；find()和findIndex()用于查找符合条件的数组成员；fill()用于填充数组元素；entries()、keys()和values()提供遍历数组的方法；以及includes()用于判断数组是否包含特定值。这些新方法极大地丰富了数组操作的灵活性和便利性。

摘要由CSDN通过智能技术生成

1、扩展运算符（…）

扩展运算符（spread）是三个点（…）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。

<body>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
 </body>
    <script type="text/javascript">
        console.log(...[1,2,3]);    //1 2 3
        console.log(1,...[2,3,4],5);//1 2 3 4 5
        console.log([...document.querySelectorAll('div')]);//[div, div, div, div]选择页面中所有div
    </script>

1.1、该运算符用于函数调用。

 function add(x, y) {
          return x + y;
        }
        
        var numbers = [4, 38];
        console.log(add(...numbers)) // 42

上面代码中，add(…numbers)，是函数的调用，它使用了扩展运算符。该运算符将一个数组，变为参数序列。

1.2、代替数组apply方法
由于扩展运算符可以展开数组，所以不再需要apply方法，将数组转为函数的参数了。<

最低0.47元/天解锁文章

gs981600308

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录