JS中的幾種迴圈和跳出方式

2021-09-26 03:30:38 字數 2552 閱讀 1361

for迴圈

let arr =

['q'

,'w'

,'e'

,'r'

,'t'];

for(

var i =

0; i < arr.length; i++

) console.

log(arr[i]);

// q w r t

}

當i==2時,跳出本次迴圈,本次迴圈下面的**不在執行。但是整個迴圈繼續執行,直到迴圈條件為false。

let arr = ['q', 'w', 'e', 'r', 't'];

for (var i = 0; i < arr.length; i++)

console.log(arr[i]); // q w

}

當i == 2時,使用break跳出整個迴圈,後面的迴圈條件不在執行,直接退出整個迴圈。

jquery的each迴圈

let arr =

['q'

,'w'

,'e'

,'r'

,'t'];

$.each

(arr,

(k, v)

=>

console.

log(v)

;// q w r t

})

k == 2時,退出當前迴圈,整體迴圈繼續執行。

let arr =

['q'

,'w'

,'e'

,'r'

,'t'];

$.each

(arr,

(k, v)

=>

console.

log(v)

;// q w

})

k == 2時,使用return false,可以退出整個迴圈,後面的條件不在執行。

注:

1.$.each() 和foreach()的引數順序不一樣的。

2.each的用法

$.

each

(arr,

(k,v)

=>

)

arr.

foreach

((v,k)

=>

)

// 錯誤的用法:陣列沒有each方法。只有$及其物件才有。

let arr =

['q'

,'w'

,'e'

,'r'

,'t'];

arr.

each

((k, v)

=>

)// 正確的用法:$(

'body').

each

((k,v)

=>

)// 或者使用$.each也是ok的

$.each

(arr,

(k,v)

=>

)

foreach迴圈
let arr =

['q'

,'w'

,'e'

,'r'

,'t'];

arr.

foreach

((v, k)

=>

console.

log(v)

;// q w r t

})

let arr =

['q'

,'w'

,'e'

,'r'

,'t'];

try

console.

log(v)

;// q w })

}catch(e

)console.

log(

'其他的部分');

// 會執行

例子分析
let currentvalue: any =0;

let arr =[,

,,];

arr.

foreach

((v, k)

=>

else})

console.

log(currentvalue)

;

最終currentvalue的值為多少?

let currentvalue: any =0;

let arr =[,

,,];

tryelse})

}catch(e

)console.

log(currentvalue)

;

或者使用for迴圈。

再參考下:

問題:1.continue跳過本次

2.break跳過本層

3.return 跳過該迴圈體

JS中的幾種迴圈和跳出方式

js中的迴圈是大家很常用的,這裡總結一下幾種常用迴圈的跳出方式。1.for迴圈 var arr q w e r t for var i 0,len arr.length i len i q w e r t跳出本次迴圈continue for var i 0,len arr.length i len ...

js中幾種迴圈方式和效能分析

for let i 0 i arr.length i 優化 for let i 0,len arr.length 1 i len i arr.foreach function e 陣列自帶的方法,使用起來比普通for迴圈效能弱一點 for let j in arr 大家可能用這個用的比較多 ps 以...

分析js跳出迴圈的幾種方法

for var i 519 i 550 i console.log i alert i document.write i 當i 521的時候,直接退出for這個迴圈。這個迴圈將不再被執行 迴圈 switch語句 for var i 5 i 0 i console.log i alert i docu...