JavaScript中ES6特性生成器、迭代器_列表生成式 es6-优快云博客

本文介绍了JavaScript中的迭代器和生成器概念。迭代器是一种能够依次访问集合中元素的对象，而生成器则允许暂停和恢复函数执行，为复杂的迭代逻辑提供解决方案。本文还提供了创建自定义迭代器和生成器函数的示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

迭代器是一个每次访问集合序列中一个元素的对象，并跟踪该序列中迭代的当前位置。在JavaScript中迭代器是一个对象，这个对象提供了一个 next() 方法，next() 方法返回序列中的下一个元素。
当序列中所有元素都遍历完成时，该方法抛出 StopIteration 异常。

迭代器对象一旦被建立，就可以通过显式的重复调用next()，或者使用JavaScript的 for…in 和 for each 循环隐式调用。

最原生的迭代器

function makeIterator(arr){
    var nextIndex = 0;
    //返回一个迭代器对象
    return {
        next : ()=>{
            //next 方法返回结果
            if(nextIndex < arr.length){
                return {value:arr[nextIndex++],done:false}
            }else{
                return {done:true}
            }
        }
    }
}
const app = makeIterator([10,20,23])
console.log(app.next().value)
console.log(app.next().value)
console.log(app.next().value)

生成器多了一个*号，多了个yield

function *malkeindex(arr){
    for(let i=0 ;i<arr.length;i++){
        yield arr[i]
    }
}
const gen = malkeindex([123,241,512531,6236247,724])
console.log(gen.next().value)
console.log(gen.next().value)
console.log(gen.next().value)