JS Iterator 迭代协议

一个对象, 默认是不可迭代的

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()
}

迭代协议

for…of

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值