首页 jQuery JQuery 停止循环函数多种方式

JQuery 停止循环函数多种方式

在JQuery循环遍历时需要停止跳出,不同的循环函数有不同的跳出方法,需要理解他们的差异

for、while、do/while循环的跳出停止

continue,终止本次循环,继续下一个循环


for (let i = 0; i < length; i++) {
    执行语句一
    if (i===3){
        continue;//本次语句二停止执行,继续执行i===4后面的内容
    }
    执行语句二
}

break,终止当前循环,不在执行本次循环


for (let i = 0; i < length; i++) {
    执行语句一
    if (i===3){
        break;//本次语句二及i===4后面的内容均不执行
    }
    执行语句二
}

each()循环的跳出停止

each()循环不能使用continue,break,会报错,

使用 return true;终止本次循环,继续下一个循环,相当于 continue


$.each([1,2,3,4,5,6],function (i,n) {
    执行语句一
    if (i===3) {
        return true;//本次语句二停止执行,继续执行i===4后面的内容
    }
    执行语句二
})

使用 return false;终止当前循环,不在执行本次循环,相当于break


$.each([1,2,3,4,5,6],function (i,n) {
    执行语句一
    if (i===3) {
        return false;//本次语句二及i===4后面的内容均不执行
    }
    执行语句二
})

$.map()循环的跳出停止

$.map()循环同样不能使用continue,break,会报错,$.map()循环只有停止本次循环,不能停止跳出所有循环

使用 return;终止本次循环,继续下一个循环,相当于 continue


$.map([1,2,3,4,5,6],function (i,n) {
    执行语句一
    if (i===3) {
        return;//本次语句二停止执行,继续执行i===4后面的内容
    }
    执行语句二
})
关注本站微信公众号