本文共计1842个文字，预计阅读时间需要8分钟。

原文：本文实例讲述了ES6 Iterator迭代器原理，应用场景及相关常用知识拓展。分享给广大家长供大家参考，具体如下：

介绍Iterator之前，先列举以下js的表示数据集合的结构方式：+Array、+Object、+String、+Map、+Set、+Function等。

在ES6之前，有‘Ar’。

改写后：本文以实例解析ES6 Iterator迭代器原理，探讨其应用场景和相关基础知识。以下内容供家长参考：

在介绍Iterator之前，我们先看看JavaScript中几种表示数据集合的方式：数组、对象、字符串、Map、Set、函数等。

在ES6之前，存在‘Ar’这一概念。

本文实例讲述了ES6 Iterator遍历器原理，应用场景及相关常用知识拓展。分享给大家供大家参考，具体如下：

介绍Iterator之前先列举下js的表示数据集合结构的几种方式：

在es6之前有 Array , Object, es6新增了 map, set，当然用户也可以组合使用这几种数据结构，灵活存储数据。

但是当数据结构变得复杂后，怎样取到里面的数据就也相对复杂，这就需要有一种读取数据的统一的接口机制，来处理不同的数据结构。

遍历器就是这样一种接口机制，Iterator是一种接口，为不同数据结构提供统一的接口机制。

相应的任何数据结构只要部署Iterator接口，就可以完成遍历操作。