关于javascript:javascript遍历对象

4次阅读

共计 673 个字符,预计需要花费 2 分钟才能阅读完成。

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. 本期的分享到了这里就完结啦, 心愿对你有所帮忙, 让咱们一起致力走向巅峰。

正文完
 0