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

描述

注意:jQuerylayui 中不能使用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)
 });

运行结果

跳出循环运行结果
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容