首页  >  文章  >  web前端  >  es6遍历对象的方法是什么

es6遍历对象的方法是什么

WBOY
WBOY原创
2022-05-06 17:49:262336浏览

方法:1、用“Object.keys(obj)”遍历对象,返回一个包括对象自身所有可枚举属性的键名数组;2、用“Reflect.ownKeys(obj)”遍历对象,返回一个包含对象自身的所有键名的数组;3、用“for in”循环遍历对象等。

es6遍历对象的方法是什么

本教程操作环境:windows10系统、ECMAScript 6.0版、Dell G3电脑。

es6遍历对象的方法是什么

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 或字符串,也不管是否可枚举。

以上的 5 种方法遍历对象的键名,都遵守同样的属性遍历的次序规则。

首先遍历所有数值键,按照数值升序排列。

其次遍历所有字符串键,按照加入时间升序排列。

最后遍历所有 Symbol 键,按照加入时间升序排列。

Reflect.ownKeys({ [Symbol()]:0, b:0, 10:0, 2:0, a:0 })
// [‘2′, ’10’, ‘b’, ‘a’, Symbol()]

【相关推荐:javascript视频教程web前端

以上是es6遍历对象的方法是什么的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn