对象属性的遍历

关于对象属性的遍历，有两个方法：

• Object.keys()与数组操作结合
• for/in循环

Object.keys()

• 参数obj：要返回其枚举自身属性的对象。
• 返回值：一个表示给定对象的所有可枚举属性的字符串数组。
• 例子

var data = {a: 1, b: 2, c: 3, d: 4};
console.log(Object.keys(data)); // ['a', 'b', 'c', 'd']
Object.keys(data).forEach(function (x) {
    console.log(data[x]); // 1, 2, 3, 4
})
var res = Object.keys(data).filter(function (x) {
    return data[x] > 2;
})
console.log(res); // [c, d]

for/in 循环

• 使用 for in 循环遍历对象的属性时，原型链上的所有属性都将被访问

Object.prototype.bar = 10; 
var obj = {
    "name": "ann",
    "age": 24,
    "sex": "female"
};    
var keys = [];    
var values = [];     
for (var key in obj) {
    keys.push(key);
    values.push(obj[key]);      
}
console.log("keys is ：" + keys + " and values is ：" + values);
//keys is : name,age,sex,bar and values is : ann,24,female,10

• 改进->使用 hasOwnProperty 方法， 避免原型对象扩展带来的干扰

function allpro(obj) {
    var keys = [];
    var values = [];
    for (var key in obj) {
        //只遍历对象自身的属性，而不包含继承于原型链上的属性。  
        if (obj.hasOwnProperty(key) === true) {
            keys.push(key);
            values.push(obj[key]);
        }
    }
    console.log("keys is ：" + keys + " and values is ：" + values);
}
Object.prototype.bar = 1; 
var o = {
    "name": "ann",
    "age": 24,
    "sex": "female"
};  
allpro(o); // keys is : name,age,sex and values is: ann,24,female