forEach、for、$.each()跳出循环比较

最新推荐文章于 2023-02-02 11:31:04 发布

转载最新推荐文章于 2023-02-02 11:31:04 发布 · 204 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://www.cnblogs.com/changchengGZ/p/5440704.html

文章标签：

#js

javascript 专栏收录该内容

17 篇文章

订阅专栏

本文深入探讨了JavaScript中的循环控制结构，包括for循环、forEach及$.each()的使用方法与区别。通过实例讲解了break与continue的作用，以及如何在不同的循环结构中实现特定的逻辑跳转。

1、for 循环

先上例子，思考输出结果，体会 break 与 continue 的不同。

按 Ctrl+C 复制代码

var arr = [1,2,3,4,5,6]
var arrySpecial = new Array();
for (var i = 0; i < arr.length; i++){
        if(arr[i]%2==0)
        {
            arrySpecial.push(arr[i]);
            continue;
        }
        if(arr[i]%3==0)
        {
            arrySpecial.push(arr[i]);
            break;
        }
    }

console.log(arrySpecial);

按 Ctrl+C 复制代码
　　continue 结束本次循环，继续执行循环体； break 结束所有循环。在本例中当“2”满足条件后，继续进行下一轮判断，当’3‘满足条件后，break 结束所有循环。

2、forEach

这是ECMAScript 5数组的forEach方法 ,作用是遍历数组，常用的写法：

View Code
　　案例分析：

按 Ctrl+C 复制代码

var arr = [1,2,3,4,5,6]
    var arrySpecial = new Array();
    arr.forEach(function(e,i){
        if(e%2==0)
        {
            arrySpecial.push(e);
            return;
        }
        if(e%3==0)
        {
            arrySpecial.push(e);
            return;
        }
    })
console.log(arrySpecial);

按 Ctrl+C 复制代码
　　在forEach中，不能使用 continue 和 break ，可以使用 return 或 return false 跳出循环，效果与 for 中 continue 一样。注意该方法无法一次结束所有循环，需要一次性结束所有循环，还是老老实实使用for方法。

3、$.each()

这是jQuery的方法，用于遍历 DOM时很方便，偷懒必备。jQuery.each() 函数用于遍历指定的对象和数组。

$(function () { 
    $.each([52, 97], function(index, value) {
        alert(index + ': ' + value);
    });
})

在该方法中，同样是使用 return 或 return false 跳出循环，效果类似效果与 for 中 break，结束所有循环。有兴趣的同学亲自动手尝试下。