【JavaScript】遍历对象属性

等时钟成长

于 2019-08-07 20:35:35 发布

阅读量234

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript JS高级程序设计

本文链接：https://blog.youkuaiyun.com/pangji0417/article/details/98782193

JavaScript 同时被 2 个专栏收录

83 篇文章

订阅专栏

JS高级程序设计

18 篇文章

订阅专栏

本文详细介绍了三种遍历JavaScript对象属性的方法：for-in循环、Object.keys()和Object.getOwnPropertyNames()，并对比了它们的特点和适用场景，强调了Object.getOwnPropertyNames()在确保遍历到对象所有属性（包括不可枚举属性）方面的优势。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

遍历对象属性

这篇博客的灵感来自于牛客网的一道题：属性遍历

题目描述：
找出对象 obj 不在原型链上的属性(注意这题测试例子的冒号后面也有一个空格~)
1、返回数组，格式为 key: value
2、结果数组不要求顺序

1. for in

for-in会漏掉不可枚举属性;
for-in会遍历原型链上的属性，需要配合hasOwnProperty过滤

function iterate(obj) {
    // hasOwnProperty
    // 如果使用for in遍历，很重要的一点是不能遍历的自身属性会被遗漏
    var result = [];
    for(var p in obj){
		if(obj.hasOwnProperty(p)){
			result.push(p + ": " + obj[p]);
		}
	}
	return result;
}

2. Object.keys()

返回对象自身的可枚举属性

function iterate(obj) {
    return Object.keys(obj);
    return result.map(n => n + ": " + obj[n]);
}

3. Object.getOwnPropertyNames()

返回自身的所有属性，含不可枚举属性

// 从题目要求来看，这才是正解
function iterate(obj) {
    // 如果使用for in遍历和 Object.keys，很重要的一点是不能遍历的自身属性会被遗漏
    var names = Object.getOwnPropertyNames(obj);
    return  names.map(function(n){return n + ": " + obj[n]});
}