年前最后一天上班能写博客的都是anglebaby。你可能会看晕,文章最后有总结,拿好不送
一: for
1.break:
var arr = [1,2,3];
var len = arr.length;
// for break
for(var i = 0; i < len; i += 1){
for(var j = 0; j < 3; j++){
if(j === 1){
break;
}
console.log(arr[i]+'-'+j);
}
}
:)如果不加label标记,break退出当前循环,也就是第二层循环。
2.continue:
var arr = [1,2,3];
var len = arr.length;
// for continue
for(var i = 0; i < len; i += 1){
for(var j = 0; j < 3; j++){
if(j === 1){
continue;
}
console.log(arr[i]+'-'+j);
}
}
:)如果不加label标记,continue停止当前循环的执行,继续下一次循环(都是针对第二层)
tips:for循环里不能有return!
二:forEach
1.return false:
var arr = [1,2,3];
arr.forEach(function(value,index) {
if(index === 1){
return false;
}
console.log(arr[index])
});
:)结束本次循环,进入下一次循环
2.return true:
var arr = [1,2,3];
arr.forEach(function(value,index) {
if(index === 1){
return true;
}
console.log(arr[index])
});
:)结束本次循环,进入下一次循环
tips:forEach循环里不能有break||continue!
三:Array.map
map和forEach差不多,区别是map的返回值是一个数组
四: for...in
1.break
var arr = [1,2,3];
for(var i in arr){
if(i == 1){
break
}
console.log(i)
}
:)for...in break跳出本次循环并执行循环体后的代码!
2.continue
var arr = [1,2,3];
for(var i in arr){
if(i == 1){
continue
}
console.log(i)
}
:)for...in continue结束本次循环执行下一次循环!
tips:当有return时会报错
五: for...of
1.break
var arr = [1,2,3];
for(var i of arr){
if(i === 2){
break
}
console.log(i)
}
:)for...of 跳出当前循环,和for类似,
需要注意的是这里的 i 是arr的value而不是index
2.continue
var arr = [1,2,3];
for(var i of arr){
if(i === 2){
continue
}
console.log(i)
}
:)for...of 结束本次循环,和for类似,
tips:for...of循环里不能有return!第一个参数是数组的值不是索引
六: $.each()
1.return false
var arr = [1,2,3];
$.each(arr,function(index,value){
if(index === 1){
return false;
}
console.log(value);
})
:)跳出本次循环!
2.return true
var arr = [1,2,3];
$.each(arr,function(index,value){
if(index === 1){
return true;
}
console.log(value);
})
:)结束本次循环!
tips:$.each循环里不能有break||continue!
大爷,上楼坐坐吧,哦不对,场景乱入。你是不是晕了,不用担心,我写着写着也晕了,特此终结:
- (1) for:当没有label标记时候,break跳出本次循环并执行循环体后的代码,continue结束本次循环执行下一次循环。没有return。
- (2) Array.forEach:遍历整个数组,return false或者true都是结束本次循环执行下一次循环。没有break || continue。
- (3) Array.map:map和forEach类似,有返回值,返回结果是return 值组成的数组。
- (4) for...in:break跳出本次循环并执行循环体后的代码;continue结束本次循环执行下一次循环。没有return。
- (5) for...of:break跳出本次循环并执行循环体后的代码,continue结束本次循环执行下一次循环,和for一样。注意:
for(var v in arr)
v是数组值!。 - (6) jQuery.each: return false跳出本次循环并执行循环体后的代码;return true结束本次循环执行下一次循环。没有break || continue。
深渊给了我们仇恨的眼睛,我会用它去看透黑暗的尽头 —— 卫庄