JS 遍历对象总结

Posted 2021-10-29 在奋斗的大道

for...in... 遍历对象

注意:for...in...循环遍历对象自身的和继承的可枚举属性(不含Symbol属性).

实战:

var obj ={'name': 'zzg', 'age': 10}
for(var i in obj){
    console.log(i, ":", obj[i])
}

效果截图:

Objects.key()遍历对象

注意:返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性)

实战:

var obj ={'name': 'zzg', 'age': 10}
Object.keys(obj).forEach(function(key){
    console.log(key,":", obj[key])
});

效果截图:

 Object.getOwnPropertyNames 遍历对象

注意:返回一个数组,包含对象自身的所有属性(不含Symbol属性,但是包括不可枚举属性).

实战：

var obj ={'name': 'zzg', 'age': 10}
Object.getOwnPropertyNames(obj).forEach(function(key){
    console.log(key,":", obj[key])
});

效果截图：

 Reflect.ownKeys遍历对象

注意:返回一个数组,包含对象自身的所有属性,不管属性名是Symbol或字符串,也不管是否可枚举. 

实战：

var obj ={'name': 'zzg', 'age': 10}
Reflect.ownKeys(obj).forEach(function(key){
    console.log(key,":", obj[key])
});

效果截图: