如何掌握JavaScript中的迭代器使用技巧？

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

目录+简介+JS中的迭代器是什么样的+迭代协议+可迭代协议+迭代器协议+迭代过程+迭代总结+自定义迭代+传统写法+生成器函数写法+简介+迭代器是一种设计模式，可在容器对象（如链表）上迭代+

目录

• 简介
• js 中的迭代器是什么样子的
• 迭代协议
• 可迭代协议
• 迭代器协议
• 迭代过程
• 迭代总结
• 自定义迭代
• 传统写法
• 生成器函数写法

简介

　　迭代器是一种设计模式，可在容器对象 如 链表、数组上遍历，无需关心容器对象的内存分配的实现细节。简单的理解就是可以一个一个的依次拿到其中的数据，类似一个移动的指针，但是会告诉我们什么时候结束。这样我们可以拿到数据之后可以做一些我们需要做的事情。

js 中的迭代器是什么样子的

　　在javascript 中迭代器是一个特殊对象，这个迭代器对象有一个next()方法，每次调用都返回一个对象（结果对象）。结果对象有两个属性：一个是value，表示下一个将要返回的值；另一个是done，它是一个布尔类型的值，如果已经迭代到序列中的最后一个值，则它为 true。迭代器还会保存一个内部指针，用来指向当前集合中值的位置，每调用一次next()方法，都会返回下一个可用的值，类似下面这个对象的结构。