js foreach函数 注意事项(breakcontinue)

Posted web前端开发技术

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js foreach函数 注意事项(breakcontinue)相关的知识,希望对你有一定的参考价值。

foreach API说明:

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

 

说明:

forEach 遍历的范围在第一次调用 callback 前就会确定调用forEach 后添加到数组中的项不会被 callback 访问到。如果已经存在的值被改变,则传递给 callback 的值是 forEach 遍历到他们那一刻的值。已删除的项不会被遍历到。如果已访问的元素在迭代时被删除了(例如使用 shift()) ,之后的元素将被跳过

示例:

<!DOCTYPE html>
<html lang="zh">

    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title>js foreach函数 注意事项</title>
    </head>

    <body>
        <script src="https://cdn.bootcss.com/lodash.js/4.17.10/lodash.min.js"></script>
        <script type="text/javascript">
            var words = ["one", "two", "three", "four"];
            words.forEach(function(word) {
                console.log(word);
                if(word === "two") {
                    //会改变输出顺序
                    //words.shift();
                    //不会改变输出顺序
                    words.push(5)

                    // 不能使用break
                    //break
                    //不能使用continue
                    //continue
                }
            });
        </script>
    </body>

</html>

 

以上是关于js foreach函数 注意事项(breakcontinue)的主要内容,如果未能解决你的问题,请参考以下文章

JS中map()与forEach()的用法

js 各种循环语法

JS中map()与forEach()的区别和用法

js 的 forEach()函数

JS 'body.forEach 不是函数' 上的错误

JS arguments.forEach 不是一个函数[重复]