数组遍历的5种方法（面试题）

⁡⁢⁡⁢⁠Ac

已于 2023-04-20 21:22:19 修改

阅读量130

点赞数

分类专栏： 2023暑期面试文章标签： javascript 前端 vue.js

于 2023-04-02 19:03:08 首次发布

本文链接：https://blog.csdn.net/weixin_53261137/article/details/129915100

版权

2023暑期面试专栏收录该内容

16 篇文章 1 订阅

订阅专栏

数组遍历的5种方法（面试题）

方法一 for in

    // 方法一 for in
        function Ec(arr){
            const res = []
            for(const key in arr){
                res.push(arr[key])
            }
            return res
        }

方法二 for of

    // 方法二 for of
        function Ec(arr){
            const res = []
            for(const value of arr){
                res.push(value)
            }
            return res
        }

方法三 forEach()

 // 方法三 forEach()
        function Ec(arr){
            const res = []
            arr.forEach((item)=>{
                res.push(item)
            })
            return res
        }

方法四 Map()

     // 方法四 Map()
        function Ec(arr){
            const res = []
            arr.map((item)=>{
                res.push(item)
            })
            return res
        }

方法五 Some()

     // 方法五 Some()
        function Ec(arr){
            const res = []
            arr.some((item)=>{
                res.push(item)
            })
            return res
        }

知识点 for-in 和for-of 区别

for-in 遍历得key for-of 遍历得值
for-in 遍历可枚举数据：Array、String、Object
for-of 遍历可迭代数据：Array、String、Set、Map

完整代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组遍历的5种方法</title>
</head>

<body>
    <script>
        const arr = [10, 20, 30, 50, 20]
        console.log(Ec(arr));

        // // 方法一 for in
        // function Ec(arr){
        //     const res = []
        //     for(const key in arr){
        //         res.push(arr[key])
        //     }
        //     return res
        // }

        // // 方法二 for of
        // function Ec(arr){
        //     const res = []
        //     for(const value of arr){
        //         res.push(value)
        //     }
        //     return res
        // }

        // // 方法三 forEach()
        // function Ec(arr){
        //     const res = []
        //     arr.forEach((item)=>{
        //         res.push(item)
        //     })
        //     return res
        // }

        // // 方法四 Map()
        // function Ec(arr){
        //     const res = []
        //     arr.map((item)=>{
        //         res.push(item)
        //     })
        //     return res
        // }

        // // 方法五 Some()
        // function Ec(arr){
        //     const res = []
        //     arr.some((item)=>{
        //         res.push(item)
        //     })
        //     return res
        // }
    </script>
</body>
</html>