全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货  >  详情

遍历js对象中的属性键值对象是什么

来源:千锋教育
发布人:xqq
2023-11-17

推荐

在线提问>>

在JavaScript中,要遍历一个对象的属性键值对(Key-Value),可以使用 for...in 循环或 Object.entries() 方法。

使用 for...in 循环:

    for...in 循环用于遍历对象的可枚举属性。

    在循环体中,通过对象名和属性名访问属性值。

    示例代码:

        const obj = { a: 1, b: 2, c: 3 };
        
        for (let key in obj) {
            if (obj.hasOwnProperty(key)) { // 可选的判断是否为自身属性
                console.log(Key: ${key}, Value: ${obj[key]});
            }
        }
        

2、使用 Object.entries() 方法:

      Object.entries() 方法返回一个包含对象自身可枚举属性的数组,每个元素都是一个包含键值对的数组。

      遍历数组,每个元素的第一个值是属性名,第二个值是属性值。

      示例代码:

    const obj = { a: 1, b: 2, c: 3 };
    
    Object.entries(obj).forEach(([key, value]) => {
        console.log(Key: ${key}, Value: ${value});
    });
    

这两种方法都可以用来遍历对象的属性键值对,具体选择哪种方式取决于实际需求和代码风格。需要注意的是,for...in 循环也会遍历到对象原型链上的属性,而 Object.entries() 方法仅遍历对象自身的属性。如果需要判断是否为自身属性,可以使用 hasOwnProperty() 方法。

相关文章

固态硬盘的协议是什么意思

idea如何手动添加jar包

CSS设置了border显示不出来怎么办

怎么往ubuntu虚拟机里复制文件

ubuntu删除文件夹命令权限不够怎么办

开班信息 更多>>

课程名称
全部学科
咨询

HTML5大前端

Java分布式开发

Python数据分析

Linux运维+云计算

全栈软件测试

大数据+数据智能

智能物联网+嵌入式

网络安全

全链路UI/UE设计

Unity游戏开发

新媒体短视频直播电商

影视剪辑包装

游戏原画

    在线咨询 免费试学 教程领取