我是靠谱客的博主 粗犷月光,这篇文章主要介绍Iterator 和 for...of 循环Iterator (遍历器)for … of循环,现在分享给大家,希望可以做个参考。

**javascript 原有表示集合的数据结构主要是数组(Array)和对象(Object),ES6又新增了 Set 和 Map **

Iterator (遍历器)

1、Iterator 概念
Iterator是一种接口,为不同的数据结构提供统一的访问机制,任何数据结构只要部署Iterator接口,就可以完成遍历操作。
2、作用
a、为各种数据结构提供一个统一的、简单的访问接口
b、是的数据结构的成员能够按照某种次序排列
c、es6创建了一种新的遍历口令 for…of 循环,Iterator接口主要提供for…of消费

for … of循环

一个数据结构只要部署了Symbol.Iterator属性,就可以使用for…of循环遍历。
1:使用范围:数组、Set、Map、某些类似数组的对象(比如:arguments对象、DOM NodeList对象)、Generator 对象,以及字符串。

遍历语法的比较

1:for 循环 js最原始的写法
2:forEach() :数组提供了forEach(),无法中途跳出forEach循环,break和return命令都不能奏效
3:for … in 获取对象的键名,不能直接获取键值
for…in缺点:
1:数组的键名是数字,但是for…in循环是以字符串作为键名“0”、“1”、“2”等等
2:for…in循环不仅遍历数字键名,还会遍历手动添加的其他键,甚至包括原型链上的键。
3:某些情况下,for…in循环会以任意顺序遍历键名
总之,for…in循环主要是为遍历对象而设计的,不适用于遍历数组。

4:for … of 循环读取键值,若要获取数组的索引,可以借助数组实例entries方法和keys方法
1、 有着同for…in一样的简洁语法,但是没有for…in那些缺点。
2、不同于forEach方法,它可以与break、continue和return配合使用。
3、提供了遍历所有数据结构的统一操作接口

最后

以上就是粗犷月光最近收集整理的关于Iterator 和 for...of 循环Iterator (遍历器)for … of循环的全部内容,更多相关Iterator内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(79)

评论列表共有 0 条评论

立即
投稿
返回
顶部