数组和对象的常用遍历

最新推荐文章于 2024-07-27 18:29:13 发布

舞空~

最新推荐文章于 2024-07-27 18:29:13 发布

阅读量83

点赞数 1

分类专栏： js 文章标签： js

本文链接：https://blog.csdn.net/weixin_44011751/article/details/110549349

版权

js 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组和对象的常用遍历</title>
</head>

<body>
    <script>
        let myArr = [{ id: 1, name: "aa" }, { id: 2, name: "bb" }, { id: 3, name: "cc" }];
        let myObj = { id: 1, val: "111", info: { projectName: "项目1" } };

        // 数组的遍历

        // 方法1:for循环
        for (let i = 0; i < myArr.length; i++) {
            console.log(myArr[i])
        }

        // 方法2:forEach()
        myArr.forEach((val,index) => {
            console.log('索引'+index+'值:');
            console.log(val);
        })

        // 方法3:map()
        myArr.map((val,index) => {
            console.log('索引'+index+'值:');
            console.log(val);
        })    


        // 对象的遍历

        // 方法1:for循环
        for(let key in myObj){
            console.log(myObj[key]);
        }

        // 方法2:Object.keys（obj） Object.values（obj）
        console.log(Object.keys(myObj))
        // 输出结果： myObj对象的key组成的数组
        // ["id", "val", "info"]

        console.log(Object.values(myObj))
        // 输出结果：myObj对象的value组成的数组
        // [1, "111", { projectName: "项目1" }]
        
    </script>
</body>

</html>