Articles on Smashing Magazine — For Web Designers And Developers
·
JavaScript 入门：迭代器
💡
原文英文，约1900词，阅读约需7分钟。
📝
内容提要
本文介绍了JavaScript中的迭代器与可迭代对象。可迭代对象实现可迭代协议，常见的如数组、Set、Map和字符串，可以通过for...of循环遍历；而迭代器实现迭代器协议，通过next()方法逐个返回元素及其完成状态。理解二者的区别有助于掌握JavaScript的迭代机制。
🎯
关键要点
- JavaScript中的可迭代对象实现可迭代协议，常见的如数组、Set、Map和字符串。
- 可迭代对象通过for...of循环遍历，而迭代器通过next()方法逐个返回元素。
- 可迭代对象需要实现[Symbol.iterator]()方法以遵循可迭代协议。
- 迭代器对象遵循迭代器协议，元素可以逐个访问。
- 迭代器协议定义了生成值序列的标准方式，并可在所有值生成后返回一个值。
- 迭代器对象必须提供next()方法，该方法返回一个包含当前元素值和完成状态的对象。
- 所有迭代器都是可迭代的，但所有内置可迭代对象都不是迭代器。
- 通过调用[Symbol.iterator]()方法，可以从可迭代对象创建迭代器对象。
- 迭代器提供了一种更受控的遍历方式，可以逐步访问元素。
- 可迭代对象可以多次迭代，而迭代器在迭代后状态会改变，不能重复使用。
- JavaScript课程旨在帮助学习者深入理解JavaScript的工作原理。
❓
延伸问答
什么是JavaScript中的可迭代对象？
可迭代对象是实现可迭代协议的对象，如数组、Set、Map和字符串，能够通过for...of循环遍历。
迭代器和可迭代对象有什么区别？
可迭代对象可以多次迭代，而迭代器在迭代后状态会改变，不能重复使用。
如何从可迭代对象创建迭代器？
可以通过调用可迭代对象的[Symbol.iterator]()方法来创建迭代器对象。
迭代器的next()方法有什么作用？
next()方法逐个返回元素及其完成状态，直到所有元素都被访问。
所有迭代器都是可迭代的吗？
是的，所有迭代器都是可迭代的，但并非所有可迭代对象都是迭代器。
可迭代对象需要实现什么方法？
可迭代对象需要实现[Symbol.iterator]()方法以遵循可迭代协议。
➡️
