ES6入门系列 ----- 对象的遍历
2024-09-04 06:06:54
工作中遍历对象是家常便饭了,遍历数组的方法五花八门, 然而很多小伙伴是不是和我之前一样只会用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 = ?
最新文章
- 编写具有单一职责(SRP)的类
- VMware Data Recovery备份恢复vmware虚拟机
- 【CQOI2016纯净整合】BZOJ-4519~4524 (6/6)
- 多比(SVG/VML)图形控件多比(SVG/VML)图形拓扑图控件免费下载地址
- VBS在指定范围内生成不重复的随机数
- 避免jQuery名字冲突--noConflict()方法
- error C2065: “CMainFrame”: 未声明的标识符
- java源程序---可执行文件(.exe)----安装包
- DB天气app冲刺二阶段第九天
- PHP解决网站高流量高并发问题
- vsftp建立虚拟用户不同目录分配不同权限操作步骤详解
- Android简易实战教程--第二十二话《自定义组合控件模拟qq登录下拉框和其中的一些”小技巧”》
- 泛微关于js设计的一些小技巧
- Java正则表达式草稿程序*2
- 028_rync和inotify实现实时备份
- Java开发人员必须掌握的两个Linux魔法工具(四)
- 关于this指向性的问题
- 《汇编语言 基于x86处理器》第九章字符串与数组部分的代码
- wait()和sleep()的区别
- MongoDB:Map-Reduce
热门文章
- 201871010107-公海瑜《面向对象程序设计(java)》第十三周学习总结
- VC 静态库与动态库(四)动态库创建与使用_显示调用
- ubuntu16.04安装docker图形管理界面portainer
- 【Spring IoC】BeanFactory 和 ApplicationContext(五)
- 微信小程序 - 视图层 | 基础语法
- 卷积,reLu,池化的意义
- spring中@Param和mybatis中@Param使用区别(暂时还没接触)
- CSS制作导航栏
- 缓存原理,自己写一个缓存类(c#版)
- node fs相对路径