ES6学习：第十六章 Iterator 和 for...of 循环

梦见阳光。。

于 2019-02-25 10:25:18 发布

阅读量112

点赞数

CC 4.0 BY-SA版权

分类专栏： ES6 文章标签： ES6

本文链接：https://blog.youkuaiyun.com/weixin_44481301/article/details/87912387

ES6 专栏收录该内容

20 篇文章

订阅专栏

本文探讨了ES6中新增的Iterator接口及其在遍历数组、Map、Set等数据结构的应用。通过实现Symbol.iterator，使得各种数据结构能够支持for...of循环，简化了迭代操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//第十六章 Iterator 和 for...of 循环
//JavaScript 原有的表示“集合”的数据结构，主要是数组（Array）和对象（Object），ES6 又添加了Map和Set。
//任何数据结构只要部署 Iterator 接口，就可以完成遍历操作,一种数据结构只要部署了 Iterator 接口，我们就
// 称这种数据结构是“可遍历的”

//原生具备 Iterator 接口的数据结构如下:Array、Map、Set、String、TypedArray、 函数的 arguments 对象、
// NodeList 对象
//一个对象如果要具备可被for...of循环调用的 Iterator 接口，就必须在Symbol.iterator的属性上部署遍历器
// 生成方法（原型链上的对象具有该方法也可）。
let arr = ['a', 'b', 'c'];
let ite = arr[Symbol.iterator]();
console.log(ite.next());  //{ value: 'a', done: false }

//一个类似数组的对象调用数组的Symbol.iterator方法
let iterable = {
  0: 'a',
  1: 'b',
  2: 'c',
  length: 3,
  [Symbol.iterator]: Array.prototype[Symbol.iterator]
};
for (let item of iterable) {
  console.log(item); // 'a', 'b', 'c'
}