原生js、jQuery、layui中的continue、break

描述

注意:jQuery和 layui 中不能使用continue 或者 break ,要使用 return;

結束本次循環

  • 原生js:continue
  • jQuery:return true
  • layui:return false

跳出循環

  • 原生js:break
  • jQuery:return false
  • layui:return true

結束本次循環

原生js:

 var arr = [1, 2, 3, 4, 5, 6];
 for (var i = 0, len = arr.length; i < len; i++) {
    var item=arr[i];
    if (arr[i] === 4) {
        continue;
    }
    console.log('js:', i + '====' + item)
}

jQuery :

var arr = [1, 2, 3, 4, 5, 6];
$.each(arr, function (index, item) {
    if (item === 4) {
        return true;
    }
    console.log('jquery:', index + '====' + item)
});

layui:

 var arr = [1, 2, 3, 4, 5, 6];
 layui.each(arr, function (index, item) {
    if (item === 4) {
        return false;
    }
    console.log('layui:', index + '====' + item)
});

運行結果

在這裏插入圖片描述

跳出循環

原生js:

var arr = [1, 2, 3, 4, 5, 6];
for (var i = 0, len = arr.length; i < len; i++) {
    var item=arr[i];
    if (arr[i] === 4) {
        break;
    }
    console.log('js:', i + '====' + item)
}

jQuery :

var arr = [1, 2, 3, 4, 5, 6];
 $.each(arr, function (index, item) {
    if (item === 4) {
        return false;
    }
    console.log('jquery:', index + '====' + item)
 });

layui:

var arr = [1, 2, 3, 4, 5, 6];
 layui.each(arr, function (index, item) {
     if (item === 4) {
         return true;
     }
     console.log('layui:', index + '====' + item)
 });

運行結果

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章