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

工做中遍历对象是屡见不鲜了,遍历数组的方法五花八门, 然而不少小伙伴是否是和我以前同样只会用for ...in....es6

来遍历对象呢, 今天给你们介绍五种遍历对象属性的方法:数组

  • 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种基本数据类型es5

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

    因此用Symbol 做为属性名必定不会冲突。继承

      格式    const s = Symbol()    , 切记前面不用加new,  由于new 操做符会返回一个对象,而Symbol是接口

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

 

拓展题:        typeof   1234n   =   ?     原型链

相关文章
相关标签/搜索