es6中的数组方法

JavaScript数组方法精讲

最新推荐文章于 2025-07-24 08:33:28 发布

原创最新推荐文章于 2025-07-24 08:33:28 发布 · 305 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文深入探讨了JavaScript中数组的find、findIndex、from、includes方法及扩展运算符的使用技巧，通过具体示例展示了如何高效操作数组，是前端开发者不可多得的实用指南。

1.find方法
在这里插入图片描述

 <script>
        let arr = [
            {id:1,
            age:18},
            {
                id:2,
                age:19
            }
        ]
        let dob = arr.find(item => item.id == 2);
        console.log(dob);
    </script>

2.findindex方法
在这里插入图片描述

<script>
        let arr = [10,50,100];
        let index = arr.findIndex(item => item>50);
        console.log(index);
    </script>

3.from方法
在这里插入图片描述

 <script>
        let arryLike = {
            name:'zhangsan',
            age: 18,
            length:3
        }
        let like = Array.from(arryLike,item => item*2)
        console.log(like);
    </script>

4.includs方法
在这里插入图片描述

 <script>
        let arr = ['a','b','v'];
        console.log(arr.includes('a'));
    </script>

5.扩展运算符
在这里插入图片描述

 <script>
         合并数组运用扩展运算符 
         let ary1 = [1,2,3];
         let aty2 = [4,5,6];
         let ary3 = [...ary1,...aty2];
         console.log(ary3);
        
         let ary1 = [1,2,3];
        let aty2 = [4,5,6];
        ary1.push(...aty2);
        console.log(ary1); 

        let div = document.querySelectorAll('div');
        console.log(div);
        div = [...div];
        console.log(div);
        div.push('a');
        console.log(div);
    </script>