ES6入门系列 ----- 对象的遍历
程序员文章站
2022-03-22 11:35:19
工作中遍历对象是家常便饭了,遍历数组的方法五花八门, 然而很多小伙伴是不是和我之前一样只会用for ...in.... 来遍历对象呢, 今天给大家介绍五种遍历对象属性的方法: 1, 最常用的for in 2, Object.keys(obj) 3, Object.getOwnPropertyName ......
工作中遍历对象是家常便饭了,遍历数组的方法五花八门, 然而很多小伙伴是不是和我之前一样只会用for ...in....
来遍历对象呢, 今天给大家介绍五种遍历对象属性的方法:
- 1, 最常用的for in
- 它可以便利对象本身及其继承自原型上的可枚举属性,
- 过滤掉原型上的属性可以用hasownproperty(属性名)来判断是否是本身的属性,
- 对象的每一个属性都有它的描述,可以用object.getownpropertydescriptors(对象, 属性名)来查看对象的某个属性的描述,可以知道其是否是可枚举, 可写,可配置
- 2, object.keys(obj)
- 是不是有点眼熟,和数组的keys方法很像, 返回一个数组
- 这个数组包含自身的所有可枚举属性,不包含原型链上的属性以及symbol属性
- 这个数组是可迭代的,也就是部署了iterator接口,可以用for...of遍历
- 3, object.getownpropertynames(obj)
- 返回一个数组
- 包含自身的所有属性,包括不可枚举的属性,但不包括symbol属性
- 4 object.getownpropertysymbols(obj)
- 返回一个数组
- 包含自身的所有symbol属性
- 5 reflect.ownkeys(obj)
- 返回一个数组
- 一般不会用, 包含自身的所有属性, 不管是否为symbol属性, 也不管是否可枚举
插播 : symbol 是 es6 新增的一种基本数据类型, es5的基本数据有5种, 所以新增后有6种基本数据类型
在symbol出现之前,对象的属性名只能为字符串, 容易造成属性名冲突, 而symbol 是独一无二的,
所以用symbol 作为属性名一定不会冲突。
格式 const s = symbol() , 切记前面不用加new, 因为new 操作符会返回一个对象,而symbol是
原始值。symbol() === symbol() // false.
拓展题: typeof 1234n = ?