【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]});
}