关于对象属性的遍历，有两个方法：
- 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
