【JavaScript】遍历对象属性

遍历对象属性

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

题目描述:
找出对象 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]});
}
全部评论

相关推荐

不愿透露姓名的神秘牛友
11-21 19:05
点赞 评论 收藏
分享
头像
11-21 11:39
四川大学 Java
是红鸢啊:忘了还没结束,还有字节的5k 违约金
点赞 评论 收藏
分享
牛客5655:其他公司的面试(事)吗
点赞 评论 收藏
分享
点赞 收藏 评论
分享
牛客网
牛客企业服务