ES6入门系列 ----- 对象的遍历

工作中遍历对象是家常便饭了，遍历数组的方法五花八门， 然而很多小伙伴是不是和我之前一样只会用for ...in....

来遍历对象呢， 今天给大家介绍五种遍历对象属性的方法：

• 1， 最常用的for  in   

1. 它可以便利对象本身及其继承自原型上的可枚举属性，
2. 过滤掉原型上的属性可以用hasOwnProperty(属性名)来判断是否是本身的属性，
3. 对象的每一个属性都有它的描述，可以用Object.getOwnPropertyDescriptors(对象， 属性名)来查看对象的某个属性的描述，可以知道其是否是可枚举， 可写，可配置

• 2， Object.keys(obj)

1. 是不是有点眼熟，和数组的keys方法很像， 返回一个数组
2. 这个数组包含自身的所有可枚举属性，不包含原型链上的属性以及Symbol属性
3. 这个数组是可迭代的，也就是部署了iterator接口，可以用for...of遍历

• 3， Object.getOwnPropertyNames(obj)

1. 返回一个数组
2. 包含自身的所有属性，包括不可枚举的属性，但不包括Symbol属性

• 4  Object.getOwnPropertySymbols(obj)

1. 返回一个数组
2. 包含自身的所有Symbol属性

• 5  Reflect.ownKeys(obj)

1. 返回一个数组
2. 一般不会用， 包含自身的所有属性， 不管是否为Symbol属性， 也不管是否可枚举

插播 ：           Symbol   是 es6  新增的一种基本数据类型，  es5的基本数据有5种， 所以新增后有6种基本数据类型

　　　    在Symbol出现之前，对象的属性名只能为字符串， 容易造成属性名冲突， 而Symbol 是独一无二的，

　　　　所以用Symbol 作为属性名一定不会冲突。

　　　　　　格式    const s = Symbol()    , 切记前面不用加new,  因为new 操作符会返回一个对象，而Symbol是

　　　　原始值。Symbol() === Symbol()   // false.

 

拓展题：        typeof   1234n   =   ?     

原文链接:https://www.cnblogs.com/LHLVS/p/11012062.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有