原生js、jQuery、layui中的continue、break
程序员文章站
2022-07-12 12:51:18
...
描述
注意: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)
});
运行结果
上一篇: javascript礼品抽奖
下一篇: 使用canvas做一个抽奖转盘
推荐阅读
-
原生js实现复制对象、扩展对象 类似jquery中的extend()方法教程
-
js或jQuery中 邮箱跳转的问题,跳转到指定邮箱(通过layui的ifram实现)
-
jQuery中each的break和continue
-
原生js、jQuery、layui中的continue、break
-
入口函数的作用,以及原生js和jQuery库中的入口函数的不同
-
原生js中的forEach和jQuery中的each方法的区别
-
原生JS及jQuery中事件委托的写法
-
原生js实现复制对象、扩展对象 类似jquery中的extend()方法教程
-
js原生态函数中使用jQuery中的 $(this)无效的解决方法_jquery
-
原生js实现复制对象、扩展对象 类似jquery中的extend()方法_javascript技巧