jquery 终止循环,如何解决jquery each循环中终止本次循环或者跳出循环？

今天使用jquery的each遍历时，在循环体内做了一个校验，发现使用return之后，程序不会停止执行，而是会继续向下执行。既然遇到问题了，就别管它大还是小，基础还是不基础，只要能够想办法解决，就要做个笔记，也算是对以往的知识点进行个加深回忆吧。

let items = $('.itemBox');

let dailys = [];

items.each(function(idx, it) {

var itm = {};

$(it).find('input,select,textarea').each(function(idx, it) {

var name = it.name;

if ("textarea" == it.type) {

itm[name] = encodeURI(it.value);

} else {

itm[name] = it.value;

}

if ("projectCode" == name) {

itm["projectCode"] = $(it).data("code");

}

if ("implementDate" == name && !itm["implementDate"]) {

layer.msg('请填写工作日期！', {

time: 1500

});

layer.close(loading);

return false;

}

});

dailys.push(itm);

});

原来在each代码块中

return false = break

return ture = continue

在each里使用 return 给整个函数返回时，其实只是跳出each循环而已

解决办法

如果要终止代码跳出方法，需定义一个全局变量记录是否终止的状态，并在循环外部终止代码。如下代码显示。添加一个Boolean类型的变量flag，如果需要停止执行，则设flag为true。

var flag = false;

let items = $('.itemBox');

let dailys = [];

items.each(function(idx, it) {

var itm = {};

$(it).find('input,select,textarea').each(function(idx, it) {

var name = it.name;

if ("textarea" == it.type) {

itm[name] = encodeURI(it.value);

} else {

itm[name] = it.value;

}

if ("projectCode" == name) {

itm["projectCode"] = $(it).data("code");

}

if ("implementDate" == name && !itm["implementDate"]) {

layer.msg('请填写工作日期！', {

time: 1500

});

layer.close(loading);

flag = true;

return false;

}

});

dailys.push(itm);

});

if (flag) {

return;

}

网友给的解决办法：

通过try捕捉throw出来的错误，达到退出each、并返回错误的目标！

当然，如果需要遍历返回数据，使用for可避免。

如果大家有更好的方法，欢迎留言补充。