js 3种遍历对象的方法

一、遍历对象方法
 
1.for...in
遍历输出的是对象自身的属性以及原型链上可枚举的属性(不含Symbol属性),原型链上的属性最后输出说明先遍历的是自身的可枚举属性,后遍历原型链上的
 
 
eg:
 
var obj = { 'name': "yayaya", 'age': '12', 'sex': 'female' };
 
Object.prototype.pro1 = function() {};//在原型链上添加属性
 
Object.defineProperty(obj, 'country', {
 
  Enumerable: true //可枚举
 
});
 
Object.defineProperty(obj, 'nation', {
 
  Enumerable: false //不可枚举
 
})
 
obj.country = 'china';
 
for (let key in obj) {
 
  console.log('key=', key , 'value=', obj[key ])
 
}
 
输出结果:
 
key = name  value = yayaya
key = age  value = 12 
key = sex  value = female
key = country  value = china 
key = pro1  value = function(){}
 
 
 
2.Object.keys()
遍历对象返回的是一个包含对象自身可枚举属性的数组(不含Symbol属性).
 
eg:
 
var obj = { 'name': "yayaya", 'age': '12', 'sex': 'female' };
 
Object.prototype.pro1 = function() {}
 
Object.defineProperty(obj, 'country', {
 
  Enumerable: true,
 
  value: 'ccc'
 
});
 
Object.defineProperty(obj, 'nation', {
 
  Enumerable: false //不可枚举
 
})
 
obj.country = 'china';
 
Object.keys(obj).forEach(function(key) {
 
  console.log(index, obj[key])
 
});
 
输出结果:
 
name yayaya
age 12 
sex female
country china 
 
3.Objcet.getOwnPropertyNames()
输出对象自身的可枚举和不可枚举属性的数组,不输出原型链上的属性
 
eg:
 
var obj = { 'name': "yayaya", 'age': '12', 'sex': 'female' };
 
Object.prototype.pro1 = function() {}
 
Object.defineProperty(obj, 'country', {
 
  Enumerable: true,
 
  value: 'ccc'
 
});
 
Object.defineProperty(obj, 'nation', {
 
  Enumerable: false //不可枚举
 
})
 
obj.country = 'china';
 
Object.getOwnPropertyNames(obj).forEach(function(key) {
 
  console.log(index, obj[key])
 
});
 
输出结果:
 
name yayaya
age 12 
sex female
country ccc
nation undefined