迭代器和生成器

最新推荐文章于 2024-08-15 08:55:57 发布

卖女孩的火柴哥哥

最新推荐文章于 2024-08-15 08:55:57 发布

阅读量36

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/fpxrng/article/details/131812289

版权

本文介绍了迭代器的概念，它用于依次取出数据，不保证取出所有值。遍历则要求取出所有数据。在ES6中，数组可以通过Symbol.iterator创建迭代器。for-of循环适用于遍历数组，而for-in循环遍历的是对象的键。生成器函数是解决回调地狱的一种方式，允许在多个异步操作间传递参数。

摘要由CSDN通过智能技术生成

什么是迭代器?

从一个数据集合中按照一定的顺序，不断的取出数据的过程

迭代和遍历的区别

迭代强调的依次取出，不能确定可以取出的值有多少，也不能保证去把数据全部取完

遍历必须保证数据的长度，循环不断的全部取出，针对于数据量过大的情况下使用遍历，需要时间过长

原生迭代器、

        function iterator(arr){
            return{
            i:0,
            next(){
            var result={
                value:arr[this.i],
                done:this.i>=arr.length
                } 
            this.i++;
            return result;
                 }
             }
        }
        var arr1=[1,2,3,4,5,6];
        let it=iterator(arr1);

es6迭代器

使用es6中的知名符号Symbol.iterator可以直接创建一个迭代对象，通过调用迭代对象的next（）方法，可以直接迭代数组中的数据

        const arr = [464, 878, 88, 22, 45, 4, 8, 7]
            // // 在es6中如果对象具有知名符号属性Symbol.iterator,则表示该对象可以迭代
        console.log(arr)
        const iterator = arr[Symbol.iterator](); //es6之后，数组可以直接创建迭代对象
        console.log(iterator.next());  //{value: 464, done: false}
        console.log(iterator.next());  //{value: 878, done: false}
        console.log(iterator.next());  //{value: 88, done: false}
        console.log(iterator.next());
        console.log(iterator.next());
        console.log(iterator.next());
        console.log(iterator.next());
        console.log(iterator.next());

for of 和 for in 区别

for of无法循环遍历对象

var userMsg = {
    0: 'nick',
    1: 'freddy',
    2: 'mike',	
    3: 'james'
};
 
for(var key in userMsg){
    console.log(key, userMsg[key]);	
}
console.log('-----------分割线-----------');
for(var item of userMsg){	
    console.log(item);

for in循环遍历的是数组的键值(索引)，而for of循环遍历的是数组的值3

生成器函数

解决回调地狱
在这里插入图片描述
第二个next可以传递参数，用第一个yeild前面设置变量接收
生成器函数解决回调地狱问题：

function one() {
    setTimeout(function () {
           alert("1");
        iterator.next();
    },2000);

}
function two() {
        setTimeout(function () {
        alert("2");
        iterator.next();
    },2000)
}
function three() {
    setTimeout(function () {
        alert("3");
    },2000)
}
function* begin() {
    yield one();
    yield two();
    yield three();
}
let iterator = begin();
iterator.next();