JavaScript循環(huán)是實(shí)現(xiàn)重復(fù)執(zhí)行一段代碼的關(guān)鍵。在JavaScript中有多種循環(huán)語句,使得我們能夠掌控程序執(zhí)行的流程和次數(shù)。以下是JavaScript中常用的幾種循環(huán)語句:while、do-while、for、for-in和for-of。
while循環(huán)是最簡(jiǎn)單的一種循環(huán)語句,它的語法如下:
while (condition) { // code block to be executed }
其中,condition是一個(gè)布爾表達(dá)式,如果為true則會(huì)循環(huán)執(zhí)行code block。例如:
var i = 0; while (i< 5) { console.log(i); i++; }
這段代碼會(huì)在控制臺(tái)輸出0到4,因?yàn)樵谘h(huán)中i的值從0開始,每次加1,循環(huán)執(zhí)行5次后i的值等于5,不再滿足i<5的條件,循環(huán)結(jié)束。
do-while循環(huán)與while循環(huán)相似,但不同的是它會(huì)先執(zhí)行一次循環(huán)體,然后再判斷條件是否為真。語法如下:
do { // code block to be executed } while (condition);
例如:
var i = 0; do { console.log(i); i++; } while (i< 5);
這段代碼輸出0到4的數(shù)字,因?yàn)橄葓?zhí)行了console.log(i);,也就是輸出i的值,然后再判斷i是否小于5,是則繼續(xù)執(zhí)行循環(huán)體,不是則跳出循環(huán)。
for循環(huán)是 JavaScript 中最常用的一種循環(huán)語句。它可以讓我們更好地控制循環(huán)。for循環(huán)由三個(gè)可選的部分組成,用分號(hào)隔開:循環(huán)變量聲明、循環(huán)條件和循環(huán)變量更新。例如:
for (var i = 0; i< 5; i++) { console.log(i); }
這段代碼與上面的while循環(huán)代碼執(zhí)行結(jié)果類似,輸出0到4。
for-in循環(huán)是一種遍歷對(duì)象屬性的循環(huán)語句,它循環(huán)遍歷對(duì)象的所有可枚舉屬性。語法如下:
for (var prop in object) { // code block to be executed }
例如:
var person = { name: "John", age: 30, gender: "male" }; for (var prop in person) { console.log(prop + ": " + person[prop]); }
這段代碼輸出person對(duì)象的所有屬性名和屬性值。
for-of循環(huán)是ES6新增的一種遍歷數(shù)組、字符串、Map、Set等可迭代對(duì)象的循環(huán)語句,可以取出數(shù)組中每個(gè)元素的值,而不僅是數(shù)組的索引值。語法如下:
for (var value of iterable) { // code block to be executed }
例如:
var fruits = ["apple", "orange", "banana"]; for (var fruit of fruits) { console.log(fruit); }
這段代碼輸出fruits數(shù)組中的每一個(gè)元素。
總結(jié)來說,JavaScript中的循環(huán)語句有五種:while、do-while、for、for-in和for-of。每種循環(huán)語句都有自己的特點(diǎn)和適用場(chǎng)景,選擇合適的循環(huán)語句可以讓我們更加高效地編寫代碼。