關(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í)，原型鏈上的所有屬性都將被訪問
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ò)展帶來的干擾
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
