關(guān)于對(duì)象屬性的遍歷，有兩個(gè)方法：

• Object.keys()與數(shù)組操作結(jié)合
• for/in循環(huán)

Object.keys()

• 參數(shù)obj：要返回其枚舉自身屬性的對(duì)象。
• 返回值：一個(gè)表示給定對(duì)象的所有可枚舉屬性的字符串?dāng)?shù)組。
• 例子

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 循環(huán)

• 使用 for in 循環(huán)遍歷對(duì)象的屬性時(shí)，原型鏈上的所有屬性都將被訪問(wèn)

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

• 改進(jìn)->使用 hasOwnProperty 方法， 避免原型對(duì)象擴(kuò)展帶來(lái)的干擾

function allpro(obj) {
    var keys = [];
    var values = [];
    for (var key in obj) {
        //只遍歷對(duì)象自身的屬性，而不包含繼承于原型鏈上的屬性。  
        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