码迷,mamicode.com
首页 > 其他好文 > 详细

ES6(Iterator 和 for...of 循环)

时间:2018-04-30 23:31:09      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:iter   代码   style   自定义   next   一个   img   接口介绍   symbol   

Iterator 和 for...of 循环

1.什么是 Iterator 接口

Iterator 接口功能:用一种相同办法的接口让不同的数据结构得到统一的读取命令的方式

2.Iterator的基本用法

见代码

3.for...of

for...of 循环就是不断调用Iterator 接口来达到这种形式

一、Iterator 接口介绍

1.数组调用Iterator 接口,数组内部已实现,直接调用即可,false代表还有下一步,true 代表结束

技术分享图片技术分享图片

2.自定义Iterator 接口(先遍历 start ,再遍历 end)

技术分享图片

验证是否部署成功

 技术分享图片

结果

技术分享图片

总结:

无论遍历怎样的数据结构,若想自定义接口就要按照上述方法,[Symbol.iterator]进行申明,然后对函数体进行操作,最后申明一个对象,这个对象必须包含

next 方法,next 方法返回的值有2个:value 和 done.

 二、for...of

for...of 对数组进行遍历

技术分享图片技术分享图片

 

ES6(Iterator 和 for...of 循环)

标签:iter   代码   style   自定义   next   一个   img   接口介绍   symbol   

原文地址:https://www.cnblogs.com/jianghao233/p/8975066.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!