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

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

首先遍历所有数值键,按照数值升序排列。
其次遍历所有字符串键,按照加入时间升序排列。
最后遍历所有 Symbol 键,按照加入时间升序排列。

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

上面代码中,Reflect.ownKeys方法返回一个数组,包含了参数对象的所有属性。这个数组的属性次序是这样的,首先是数值属性2和10,其次是字符串属性b和a,最后是 Symbol 属性。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 我的悲伤,慢慢唱百褶裙的姑娘狂飙在公路上盘旋的山,一曲又一曲的浪连同车上的汉子也沧桑,有一些温良 大概,诗成了远方...
    立黄昏阅读 699评论 15赞 48
  • 去买药的时候,她在打点滴。 大儿子躲债,小儿子撞死了人躲难。 一个八旬老人,独自种着十亩田。 变卖粮食的钱,来不及...
    枕月听雪阅读 180评论 0赞 0
  • ——关于蒋勋《孤独六讲》 《孤独六讲》是关于蒋勋很私人的个人体验,也因为这样很多人吐槽他“没有自己的灵魂”,但是什...
    默声者阅读 258评论 0赞 0
  • 图像标签( )和源属性(Src) 在 HTML 中,图像由 标签定义。 是空标签,意思是说,它只包含属性,并且...
    枫羽望空阅读 895评论 0赞 1
  • 今天在上课前夕在微信公众号上看见了 小米创始人雷军 综艺首秀奇葩说 并有消息传出小米狂砸14亿 投入媒体宣传...
    Lynn乔阅读 184评论 0赞 1

友情链接更多精彩内容