年前最后一天上班能寫博客的都是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。
深淵給了我們仇恨的眼睛,我會用它去看透黑暗的盡頭 —— 衛莊