遍歷方法
阿新 • • 發佈:2020-09-02
1、普通傳統的遍歷
1、書寫繁雜
2、可以退出迴圈,可以獲取索引值
1 2 3 4 5 |
let arr = [1,2,3,4,5];
//普通遍歷方法
for(let i=0;i<arr.length;i++){
console.log(arr[i]);
}
|
2、foEach()引數第一個值,第二個索引
1、foreach方法沒辦法使用break語句跳出迴圈,或者使用return從函式體內返回 2、 問題:迴圈一旦開始了不能結束1 2 3 4 |
arr.forEach((i,v)=>{
console.log(i);
console.log(v);
})
|
3、for....in 1.index值 是字串(String)型別 2.迴圈不僅會遍歷陣列元素,還會遍歷任意其他自定義新增的屬性,如,objArr上面包含自定義屬性,objArr.name,那這次迴圈中也會出現此name屬性 3.某些情況下,上述程式碼會以隨機順序迴圈陣列 4、for-in迴圈設計之初,是給普通以字串的值為key的物件使用的。而非陣列
1 2 3 4 |
for(let i in arr){
console.log(i);
console.log(typeof i)
}
|
4、for...of
1、寫起來簡單可以退出迴圈獲取不到索引 2、可以避免所有for-in迴圈的陷阱 3、不同於forEach(),可以使用break,continue和return 4、for-of迴圈不僅僅支援陣列的遍歷。同樣適用於很多類似陣列的物件 5、它也支援字串的遍歷 6、for-of並不適用於處理原有的原生物件1 2 3 4 5 6 7 |
for(let i of arr){
console.log(arr[i]);
}
let str = "考了幾分才能考上好大學";
for(let i of str){
console.log(i); }
|