Js之$.each退出循环-yellowcong

jQuery $.each 方法详解

最新推荐文章于 2022-10-12 10:37:40 发布

原创最新推荐文章于 2022-10-12 10:37:40 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

jquery 专栏收录该内容

6 篇文章

订阅专栏

本文详细解析了 jQuery 中 $.each 方法的工作原理，包括如何通过 return false 终止循环及 return true 跳过当前循环项。并通过具体示例介绍了如何使用该方法检查对象是否为空。

这个jquery封装的$.each有点奇葩，退出的方式是return true,然后回到主函数后，在返回结果集，不能直接在each中返回，jquery是对象链，所以$(..).each()返回的还是对象集合。each(function(){})：是回调函数，在回调函数里不能返回结果到回调函数each外面。

return false：将停止循环 (就像在普通的循环中使用 ‘break’)。
return true：跳至下一个循环(就像在普通的循环中使用’continue’)。

案例

//检测一个对象，如果对象里面没有数据 就 return true
function isNotEmpty(rowData){
    var hasData = false;
    $.each(rowData,function(key,val){
        if(val.replace(/(^\s*)|(\s*$)/g, "") != ""){
            hasData = true;
            //这个地方 相当于 break 退出循环
            return false;
        }
    });
    return hasData;
}