es6遍历对象的几种方式

Posted agen-su

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了es6遍历对象的几种方式相关的知识,希望对你有一定的参考价值。

ES6一共有5种方法可以遍历对象的属性。

(1)for...in

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

(2)Object.keys(obj)

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

(3)Object.getOwnPropertyNames(obj)

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

(4)Object.getOwnPropertySymbols(obj)

Object.getOwnPropertySymbols返回一个数组,包含对象自身的所有Symbol属性。

(5)Reflect.ownKeys(obj)

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

///////Object.keys遍历属性/////////
let obj = {a:1, b:2,c:3};
Object.keys(obj); //["a", "b", "c"]返回对象属性数组

 

/////////Object.keys遍历value/////////
let obj = {a:1,b:2,c:function(){}};
Object.values(obj); //[1, 2, f]返回对象属性value值数组


///////Object.entries遍历键值对////////
let obj = {a:1,b:2,c:function(){}};
Object.entries(obj); ////[[‘a‘,1],[‘b‘, 2], [‘c‘,f]返回对象键值对数组

///////Object.getOwnPropertyNames遍历属性(枚举+不可枚举)/////////
let obj = {a:1,b:2,c:function(){}};
Object.getOwnPropertyNames(obj); ////["a", "b", "c"]返回对象包括不可枚举的属性数组

 

 

以上是关于es6遍历对象的几种方式的主要内容,如果未能解决你的问题,请参考以下文章

JS 数组遍历的几种方式,性能分析

浅谈 JS 的数据遍历的几种方式

js-JavaScript常见的创建对象的几种方式

js-JavaScript常见的创建对象的几种方式

js 循环遍历变量的几种方式

babel-polyfill的几种使用方式