js 迴圈 遍歷方法 跳出迴圈

2022-09-19 18:06:08 字數 2945 閱讀 6229

for有三個表示式:①宣告迴圈變數;②判斷迴圈條件;③更新迴圈變數;三個表示式之間,用;分割, for迴圈三個表示式都可以省略,但是兩個「;」缺一 不可。

for迴圈的執行特點:先判斷再執行,與while相同

for迴圈三個表示式都可以有多部分組成,第二部分多個判斷條件用&& ||連線,第一三部分用逗號分割;

for(var num = 1;num<10;num++)
while迴圈()中的表示式,運算結果可以是各種型別,但是最終都會轉為真假,轉換規則如下。

var num = 1;//1、宣告迴圈變數

while (num<10)

while迴圈特點:先判斷後執行;

do-while迴圈特點:先執行再判斷,即使初始條件不成立,do-while迴圈至少執行一次,也就是說do-while迴圈比while迴圈多執行一次。

var num = 10;

dowhile(num>=0);

console.log(num);//-1

for(var j=1;j<9;j++);

for(let i in obj)

for...of迴圈可以使用的範圍包括陣列、set 和 map 結構、某些類似陣列的物件(比如arguments物件、dom nodelist 物件)、後文的 generator 物件,以及字元 串。

j**ascript 原有的for-in迴圈,只能獲得物件的鍵名,不能直接獲取鍵值。es6 提供for...of迴圈,允許遍歷獲得鍵值

陣列操作

var arr = ['a', 'b', 'c', 'd'];

for (let a in arr)

for (let a of arr)

類似陣列的物件操作
// 字串

var str = "hello";

for (let s of str)

// dom nodelist物件

let paras = document.queryselectorall("p");

for (let p of paras)

// arguments物件

function printargs()

}printargs('a', 'b');// 'a' 'b'

跳出本層迴圈,繼續執行迴圈後面的語句。

如果迴圈有多層,則break只能跳出一層。

跳過本次迴圈剩餘的**,繼續執行下一次迴圈。

for(var i=0;i<10;i++)

console.log(i);//0,1,2,3,4

}for(var i=0;i<10;i++)

console.log(i);//0,1,2,3,4,6,7,8,9

}

用來跳過迴圈,繼續往下迴圈:

for(var i=0;i<=10;i++)

document.write(i);//輸出01234678910

}

用來終止迴圈,讓迴圈不再往下繼續:

for(var i=0;i<=10;i++)

}

return只能出現在函式裡,如果出現在上面例項裡的for迴圈裡就會報錯,return出現在函式裡的作用就是即使下面還有內容也不再繼續往下執行了,最常見的就是在函式裡判斷引數是否符合要求, 如果不符合要求就不再繼續往下執行:

let username = ''

function abc()

alert("歡迎你"+username);

} abc()

array(10)

.fill('')

.some((v, i) =>

return i == 5; // 012345end

});document.write('end');

document.write('foreach');

array(10)

.fill('')

.map((v, i) => i)

.foreach((v, i) =>

});document.write('end'); // 未執行 throw error 中止

也許我們通過 jquery 的迴圈方法進行陣列遍歷,但是當不符合條件時,怎麼跳出當前迴圈?(即用each方法內,當不滿足條件時想break跳出迴圈體,想continue繼續執行下乙個迴圈遍歷),我們經常會習慣js中的break何continue,但是使用之後沒有效果,因為在jquery中沒有這兩條命令,非其關鍵字。

break   ----用return false; 

continue --用return ture;

api 上的說明只有跳出整個迴圈(如果需要退出 each 迴圈可使**函式返回 false,其它返回值將被忽略。)

return false;——跳出所有迴圈;相當於 j**ascript 中的 break 效果。

return true;——跳出當前迴圈,進入下乙個迴圈;相當於 j**ascript 中的 continue 效果

$(function ()

})});

// jquery是物件鏈,所以$(..).each()返回的還是物件集合。each(function(){}):是**函式,在**函式裡不能返回結果到**函式each外面。

function test()

}); return success ;

}

js跳出迴圈

1.foreach迴圈中return retrun true return false只能跳出本次迴圈,不能跳出整個迴圈 2.array.erery var a 1,2,3,4 erery function item,i return false跳出整個迴圈,return true跳出本次迴圈,繼續...

js迴圈遍歷

方式一 var arr 1,2,3,4,5 for let i 0 i方式一利用for迴圈來遍歷陣列的缺點就是 不夠簡潔。下面介紹乙個寫法更加簡潔的方式。方式二var arr 1,2,3,4,5 arr.foreach function value,index 利用foreach迴圈 量少了很多,寫...

分析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...