回答es6有没有遍历对象的方法

 所属分类:web前端开发

 浏览:104次-  评论: 0次-  更新时间:2022-11-05
描述:更多教程资料进入php教程获得。 有。遍历方法:1、“for...in”语句,遍历对象自身的和继承的可枚举属性;2、Object.keys(),对属性名进行...
更多教程资料进入php教程获得。

有。遍历方法:1、“for...in”语句,遍历对象自身的和继承的可枚举属性;2、Object.keys(),对属性名进行遍历;3、Object.getOwnPropertyNames(),对属性名进行遍历;4、Object.getOwnPropertySymbols(),遍历所有Symbol属性;5、Reflect.ownKeys(),遍历所有属性。

本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。

es6遍历对象的6种方法

(1)for...in

for...in循环遍历对象自身的和继承的可枚举属性(不含 Symbol 属性)。

const obj = {
id:1,
name:‘zhangsan’,
age:18
}
for(let key in obj){
console.log(key + ‘—’ + obj[key])
}
登录后复制

1.png

(2)Object.keys(obj)

Object.keys返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含 Symbol 属性)的键名。

2.png

(3)Object.getOwnPropertyNames(obj)

Object.getOwnPropertyNames返回一个数组,包含对象自身的所有属性(不含 Symbol 属性,但是包括不可枚举属性)的键名。

3.png

(4)Object.getOwnPropertySymbols(obj)

Object.getOwnPropertySymbols返回一个数组,包含对象自身的所有 Symbol 属性的键名。

4.png

(5)Reflect.ownKeys(obj)

Reflect.ownKeys返回一个数组,包含对象自身的(不含继承的)所有键名,不管键名是 Symbol 或字符串,也不管是否可枚举。

5.png

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

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

(5)Reflect.enumerate(obj)

Reflect.enumerate(obj),返回一个Iterator对象,遍历对象自身的和继承的所有可枚举属性(不含Symbol属性),与for … in 循环相同。

【相关推荐:javascript视频教程、编程视频】

以上就是es6有没有遍历对象的方法的详细内容,更多请关注zzsucai.com其它相关文章!

 标签: javascript,ES6,
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!