一个对象, 默认是不可迭代的
let foo = {}
// 如果使用 of 或 展开运算符迭代 foo, 会报错
console.log([...foo])
定制基本迭代器对象
那么, 如何使得 foo 变的可迭代呢?
给 foo 对象添加一个 [Symbol.iterator] 方法
, 该方法会返回一个 iterator 对象
iterator 对象中有个 next 方法
, 会返回一个具有 键为 done, value 的对象
const iterator = {
next() {
return { done: true }
// return { done: false, value: 'xxx' }
}
}
let foo = {
// 运行该函数会返回一个 iterator(迭代器对象)
[Symbol.iterator]: _ => iterator
}
console.log([...foo])
打印出来的结果只是一个空数组
定制迭代行为
iterator
可定制迭代的行为
定义一个迭代 1~9 的迭代器对象
const iterator = {
next() {
return {
value: oneToNine.val++,
done: oneToNine.val <= 10 ? false : true
}
}
}
const oneToNine = {
val: 0,
[Symbol.iterator]: _ => iterator
}
// console.log([...oneToNine])
// 手动实现迭代行为
let res = iterator.next()
while(!res.done) {
console.log(res.value)
res = iterator.next()
}
生成器对象本身也是一种迭代器
function* generatorFunction() {
while (oneToNine.val < 10 ? true : false) {
yield oneToNine.val
}
}
const generatorIterator = generatorFunction()
const oneToNine = {
val: 0,
[Symbol.iterator]: _ => generatorIterator
}
let res = generatorIterator.next()
while (!res.done) {
console.log(res.value)
oneToNine.val++
res = generatorIterator.next()
}