迭代器与生成器

本文深入探讨了JavaScript中的迭代器和生成器。迭代器通过next()方法遍历可迭代对象,返回IteratorResult对象,包含done和value属性。自定义迭代器允许我们控制迭代过程。生成器则使用yield关键字在迭代器中添加元素,提供了更灵活的迭代方式。通过示例展示了如何创建和使用自定义迭代器及生成器,以实现对数组的迭代操作。
摘要由CSDN通过智能技术生成

1.迭代器

       迭代器 API 使用 next()方法在可迭代对象中遍历数据,对象等,next()方法返回的迭代器对象 IteratorResult 包含两个属性: done 和 value。

let arr = ['foo'];
let iter = arr[Symbol.iterator]();
console.log(iter.next()); // { done: false, value: 'foo' }
console.log(iter.next()); // { done: true, value: undefined }
console.log(iter.next()); // { done: true, value: undefined }
console.log(iter.next()); // { done: true, value: undefined }

为了理解原理,可以自定义一个迭代器

//定义一个类
class Counter {
// Counter 的实例应该迭代 limit 次
constructor(limit) {
this.count = 1;
this.limit = limit;
}

next() {
if (this.count <= this.limit) {
return { done: false, value: this.count++ };
} else {
return { done: true, value: undefined };
}
}
[Symbol.iterator]() {
return this;
}
}

//将该类实例化成一个对象
let counter = new Counter(3);
for (let i of counter) {
console.log(i);
}
// 1
// 2
// 3

2.生成器(箭头函数不能用来定义生成器函数

生成器用来往迭代器中增加元素,用yield关键字往迭代器中增加元素
生成器

    function *createIterator(items) {
        for(i=0;i<items.length;i++){
            yield items[i]
        }
    }
    arr = [1,2,3]
    it = createIterator(arr)
    console.log(it.next())
    console.log(it.next())
    console.log(it.next())

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值