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

简介: Iterator 和 for...of 循环1.什么是 Iterator 接口Iterator 接口功能:用一种相同办法的接口让不同的数据结构得到统一的读取命令的方式2.

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 对数组进行遍历

目录
相关文章
|
2月前
|
JavaScript
ES6之迭代器
ES6之迭代器
|
4月前
|
JavaScript 前端开发
ES6之迭代器(Iterator)
ES6引入了迭代器的概念,这个特性为JavaScript带来了更强大的迭代和异步编程能力。本文将深入探讨ES6的迭代器,介绍其概念、用法以及在实际开发中的应用。 迭代器(Iterator)是ES6引入的一种新的数据结构,它提供了一种统一的遍历机制,可以用来遍历各种不同类型的数据。迭代器的概念、作用和遍历原理如下所述:
29 0
|
JavaScript 前端开发
ES6——迭代器
迭代器(iterator):是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署lterator接口,就可以完成遍历操作。
65 0
|
数据库
ES6 从入门到精通 # 14:迭代器 Iterator 的用法
ES6 从入门到精通 # 14:迭代器 Iterator 的用法
63 0
ES6 从入门到精通 # 14:迭代器 Iterator 的用法
|
JavaScript 前端开发 Java
【扒一扒】深入理解 ES6 Iterator
本文主要来说下ES6的Iterator,目的在于理解它的概念、作用、以及现有的应用,最后学以致用。 Iterator可以说是ES6内相当重大的一个特性,也是很多其他特性运行的基石。 为什么Iterator地位如此之高呢?
70 0
【扒一扒】深入理解 ES6 Iterator
|
Java 容器
使用Iterator遍历map以及list用法
使用Iterator遍历map以及list用法
141 0
使用Iterator遍历map以及list用法
|
JavaScript 前端开发
ES6新特性(4)之Iterator遍历器/Generator
ES6新特性(4)之Iterator遍历器/Generator
|
存储 程序员
map的常见用法与五种常见循环遍历源码
小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。