javascript遍历对象

Posted 2021-09-26 灰太狼的情与殇

1.开发环境 vue+vant
2.电脑系统 windows10专业版
3.在开发的过程中,我们经常会需要遍历对象,下面我来分享一下javascript遍历对象的方法,希望对你有所帮助。
4.Object.keys()是es5新增的一个对象方法,该方法返回对象自身属性名组成的数组,它会自动过滤原型链上的属性,然后可以通过数组的forEach()方法来遍历,代码如下:

Object.keys(data.data.data).forEach((key)=>{
 console.log(key); // 下标
 console.log(data.data.data[key]); // 对象中每一个键的值
})

5.使用for..in..遍历,这种循环遍历对象自身的和继承的可枚举属性(不包含Symbol属性),代码如下:

for (var key in data.data.data) {
 console.log(key);
 console.log(data.data.data[key]);
}

6.使用Object.getOwnPropertyNames(obj)遍历,返回一个数组,包含对自身的所有属性(不含Symbol属性,但是包括不可枚举属性),代码如下:

Object.getOwnPropertyNames(data.data.data).forEach(function(key){
console.log(key);// 下标
console.log(data.data.data[key]); // 下标的值
});

7.本期的分享到了这里就结束啦,希望对你有所帮助,让我们一起努力走向巅峰。