年前最后一天上班能写博客的都是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);
}
}
for break
:)如果不加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);
}
}
for continue
:)如果不加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])
});
forEach return false
:)结束本次循环，进入下一次循环
2.return true:
var arr = [1,2,3];
arr.forEach(function(value,index) {
if(index === 1){
return true;
}
console.log(arr[index])
});
forEach return true
:)结束本次循环，进入下一次循环
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
:)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
:)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 break
:)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 continue
:)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);
})
$.each return false
:)跳出本次循环！
2.return true
var arr = [1,2,3];
$.each(arr,function(index,value){
if(index === 1){
return true;
}
console.log(value);
})
$.each return true
:)结束本次循环！
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。
深渊给了我们仇恨的眼睛，我会用它去看透黑暗的尽头 —— 卫庄
网友评论