答案是Symbol.iterator用于定义对象的默认迭代行为，通过在对象中定义[Symbol.iterator]方法并返回带有next()的迭代器对象，可使对象支持for…of和展开运算符。
在JavaScript中，Symbol.iterator 是一个特殊的方法名，用于定义对象的默认迭代行为。只要给对象添加一个返回迭代器对象的 [Symbol.iterator]() 方法，就能让该对象被 for...of 循环、展开运算符等语法直接使用。
实现 Symbol.iterator 的基本结构
要自定义迭代行为，需在对象或类中定义 [Symbol.iterator] 方法，该方法必须返回一个带有 next() 方法的迭代器对象。
示例：创建一个可迭代的计数器
const counter = { from: 1, to: 5, [Symbol.iterator]() { let current = this.from; const end = this.to; return { next() { if (current <= end) { return { done: false, value: current++ }; } else { return { done: true }; } } }; }};for (const num of counter) { console.log(num); // 输出 1, 2, 3, 4, 5}
在类中使用 Symbol.iterator
类也可以通过定义 [Symbol.iterator] 方法来支持迭代。常用于封装数据集合并控制遍历方式。
示例：自定义可迭代的范围类
class Range { constructor(from, to) { this.from = from; this.to = to; } *[Symbol.iterator]() { for (let i = this.from; i <= this.to; i++) { yield i; } }}const range = new Range(3, 6);console.log([...range]); // [3, 4, 5, 6]
这里使用了生成器函数 * 简化迭代器实现。生成器函数自动返回一个符合迭代器协议的对象，无需手动写 next()。
立即学习“Java免费学习笔记（深入）”；
控制迭代内容和顺序
你可以利用 Symbol.iterator 自定义任意数据结构的遍历逻辑，比如只返回偶数、逆序输出、过滤特定值等。
示例：只迭代数组中的偶数
const evenOnly = { values: [1, 2, 3, 4, 5, 6, 7, 8], [Symbol.iterator]() { const evenValues = this.values.filter(n => n % 2 === 0); let index = 0; return { next() { if (index < evenValues.length) { return { done: false, value: evenValues[index++] }; } return { done: true }; } }; }};for (const n of evenOnly) { console.log(n); // 输出 2, 4, 6, 8}
基本上就这些。只要实现 [Symbol.iterator] 并返回合规的迭代器，就能让任何对象支持标准的迭代操作。关键在于理解迭代器协议：每次调用 next() 返回 { done, value } 结构。使用生成器函数可以大幅简化代码。
以上就是JavaScript中的Symbol.iterator如何自定义迭代行为？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1529303.html
微信扫一扫 
支付宝扫一扫 
