我是靠谱客的博主 和谐冰棍,最近开发中收集的这篇文章主要介绍JavaScript中ES6特性 生成器、迭代器,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

迭代器是一个每次访问集合序列中一个元素的对象,并跟踪该序列中迭代的当前位置。在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)

最后

以上就是和谐冰棍为你收集整理的JavaScript中ES6特性 生成器、迭代器的全部内容,希望文章能够帮你解决JavaScript中ES6特性 生成器、迭代器所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(47)

评论列表共有 0 条评论

立即
投稿
返回
顶部