JavaScript之遍历对象的三种方式

最新推荐文章于 2024-08-16 15:01:17 发布

cloudOnSkyline

最新推荐文章于 2024-08-16 15:01:17 发布

阅读量917

点赞数 1

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44827643/article/details/125911182

版权

JavaScript 专栏收录该内容

61 篇文章 0 订阅

订阅专栏

本文主要介绍在JavaSript中如何进行对象的遍历，主要介绍3种方式。

1.利用Map对象

首先通过Object.entries将对象转为数组格式，再转为Map对象。利用Map对象的遍历方法即可遍历对象

2.for...in

通过属性进行遍历

3.for...of

先获取属性名的数组，通过遍历属性名遍历对象

<!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>Document</title>
</head>

<body>
    <script>
        let Stu = {
            sname: '张三',
            age: 26,
            gender: '男',
            height: '185cm'
        };
        // 遍历方式一
        let stuMap = new Map(Object.entries(Stu));
        stuMap.forEach((value, property) => {
            console.log(property, value);
        });
        // 遍历方式二
        for (let i in Stu) {
            console.log(i, Stu[i]);
        }
        // 遍历方式三
        for (let i of Object.keys(Stu)) {
            console.log(i, Stu[i]);
        }
    </script>
</body>

</html>