千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > 遍历js对象中的属性键值对象是什么

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

来源:千锋教育
发布人:xqq
时间: 2023-11-19 10:27:00 1700360820

在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() 方法。

声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT