迭代器是JavaScript中按需遍历数据的机制，核心是实现[Symbol.iterator]方法返回含next()的对象，每次调用返回{value, done}；可借助生成器函数快速创建，yield产出值，自动满足迭代协议。
迭代器是 JavaScript 中一种统一遍历数据结构的机制，它允许你按需逐个获取集合中的值，而无需一次性加载全部内容。核心在于实现 [Symbol.iterator] 方法，返回一个具有 next() 方法的对象，每次调用 next() 返回 { value, done } 形式的对象。
迭代器的基本结构
一个合法的迭代器对象必须满足：
next() 方法必须存在，且每次调用返回 { value: any, done: boolean }done: true 表示遍历结束，之后的 next() 调用仍应返回 { value: undefined, done: true }可选地支持 return()（用于提前终止）和 throw()（用于错误注入），但非必需
为普通对象添加自定义迭代
默认情况下，普通对象不可被 for...of 遍历。只需在对象上部署 [Symbol.iterator] 方法即可：
示例：让对象按属性名顺序迭代键值对
立即学习“Java免费学习笔记（深入）”；
const obj = { a: 1, b: 2, c: 3 };obj[Symbol.iterator] = function* () { for (const key of Object.keys(this).sort()) { yield [key, this[key]]; }};for (const [k, v] of obj) {console.log(k, v); // 'a' 1, 'b' 2, 'c' 3}
用生成器函数快速创建迭代器
生成器函数（function*）天然返回符合迭代器协议的对象，是最简洁的自定义方式：
函数体中用 yield 暂停并产出值每次调用 next() 从上次暂停处继续执行函数返回后自动设 done: true
示例：实现一个范围迭代器
function* range(start, end) { for (let i = start; i < end; i++) { yield i; }}const iter = range(2, 5);console.log(iter.next()); // { value: 2, done: false }console.log(iter.next()); // { value: 3, done: false }console.log([...range(0, 3)]); // [0, 1, 2]
迭代器与可迭代协议的区别
注意两个概念不等价：
迭代器：是那个有 next() 方法的对象（如 range(0,3) 的返回值）可迭代对象：是实现了 [Symbol.iterator] 方法的对象（如数组、字符串、或上面加了该方法的 obj）所有可迭代对象可通过 for...of、展开运算符、Array.from() 等使用；迭代器本身通常只直接调用 next()
基本上就这些。自定义迭代不复杂但容易忽略协议细节，关键是守住 next() 的返回格式和 done 的语义。
以上就是什么是迭代器_javascript中如何自定义迭代？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1542112.html
微信扫一扫 
支付宝扫一扫 
