遍历对象属性

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

题目描述：
找出对象 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]});
}