遍历数组ES6新的遍历方法for...of，他有什么牛逼的地方？

最新推荐文章于 2023-02-15 19:27:41 发布

曲小强

最新推荐文章于 2023-02-15 19:27:41 发布

阅读量1.2k

点赞数 1

分类专栏： ES6 文章标签： for..of 遍历 es6

本文链接：https://blog.csdn.net/quhongqiang/article/details/82593554

版权

ES6 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

本文详细介绍了JavaScript中for...of循环的基本用法，包括如何使用break和continue控制循环流程，以及如何通过keys()方法获取数组索引。通过具体示例展示了for...of循环在数组和字符串操作中的应用。

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

    var arr = [1,2,3,4,5];
    for(let value of arr){
       console.log(value);
    }
    //打印结果：依次输出：1 2 3 4 5

    //可以用break来终止整个循环，或者continute来跳出当前循环，继续后面的循环
    var arr = [1,2,3,4,5];
    for(let value of arr){
        if(value == 3){
            //终止整个循环
            break;
        }
        console.log(value);
    }
    //打印结果：1 2 ,用break实现了终止整个循环，不会继续后面的遍历

    var arr = [1,2,3,4,5];
    for(let value of arr){
        if(value == 3){
            //跳过当前循环，继续后面的循环
            continue;
        }
        console.log(value);
    }
    //打印结果：1 2 4  5   , 用continue跳过当前循环，继续后面的循环

    var arr = [1,2,3,4,5];
    for(let index of arr.keys()){
        console.log(index);
    }
    //打印结果：依次输出:0 1 2 3 4

    let word = "你好世界";
    for(let w of word){
        console.log(w);
    }
    //打印结果：你    好   世    界

神奇的for..of 。

好不好用，试过才知道，别提多爽了。。。

（带来好运的微笑）

文章底部：你好，我的朋友！~，欢迎你O_o