?條件循環(huán)語(yǔ)句?是編程中的一種控制結(jié)構(gòu)，它允許程序根據(jù)特定條件重復(fù)執(zhí)行一段代碼，直到滿足某個(gè)條件為止。這種結(jié)構(gòu)通常包括條件語(yǔ)句和循環(huán)語(yǔ)句，它們共同作用，使得程序能夠根據(jù)預(yù)設(shè)的條件來(lái)決定是否繼續(xù)執(zhí)行循環(huán)體中的代碼。

for 循環(huán)：

• 適用場(chǎng)景：當(dāng)知道循環(huán)次數(shù)時(shí)(循環(huán)次數(shù)已知）。

• 特點(diǎn)：可在一行中定義初始化、條件和增量，結(jié)構(gòu)緊湊。

運(yùn)算符	描述
初始化變量	通常用于初始化一個(gè)計(jì)數(shù)器，該表達(dá)式可以使用 var 或者 let 關(guān)鍵字聲明新的變量，這個(gè)變量幫我們來(lái)記錄次數(shù)。推薦使用 let.
條件表達(dá)式	用于確定每一次循環(huán)是否能被執(zhí)行，如果結(jié)果是 true 就繼續(xù)循環(huán)，否則退出循環(huán)。
操作表達(dá)式	每次循環(huán)的最后都要執(zhí)行的表達(dá)式。通常用于更新計(jì)數(shù)器變量的值。

? ? ? ? ? ? ? ?語(yǔ)法：

for循環(huán)語(yǔ)法for(初始化變量①;  條件表達(dá)式②;  操作表達(dá)式③  ){
// 循環(huán)體④
}

示例：

for (let i = 1; i <= 5; i++) {console.log("這是第 " + i + " 次循環(huán)");
}

執(zhí)行流程：

1. 初始化變量，初始化操作在整個(gè) for 循環(huán)只會(huì)執(zhí)行一次。
2. 繼續(xù)執(zhí)行操作表達(dá)式，第二輪結(jié)束。......
3. 第二輪開(kāi)始，直接去執(zhí)行條件表達(dá)式（不再初始化變量），如果為 true，則去執(zhí)行循環(huán)體語(yǔ)句，否則退出循環(huán)。
4. 執(zhí)行操作表達(dá)式，此時(shí)第一輪結(jié)束。
5. 執(zhí)行條件表達(dá)式，如果為 true，則執(zhí)行循環(huán)體語(yǔ)句，否則退出循環(huán)，循環(huán)結(jié)束。

整體執(zhí)行順序?yàn)?#xff1a;① ② ④ ③ ② ④ ③ ② ④ ③ ...... ② 循環(huán)結(jié)束

for 循環(huán)嵌套for 循環(huán)：

for  (外循環(huán)的初始①;  外循環(huán)的條件②;  外循環(huán)的操作表達(dá)式③)  {
for  (內(nèi)循環(huán)的初始④;  內(nèi)循環(huán)的條件⑤;  內(nèi)循環(huán)的操作表達(dá)式⑥)  {
// 需執(zhí)行的代碼⑦;
}
}

整體執(zhí)行順序?yàn)?#xff1a;① ② ④ ⑤ ⑦ ⑥ ⑤ ⑦ ⑥ ⑤ ...... ⑤ 內(nèi)循環(huán)結(jié)束 ③ ② ④ ⑤

⑦ ⑥ ⑤ ⑦ ⑥ ⑤ ...... ⑤ 內(nèi)循環(huán)結(jié)束 ③ ...... ② 外循環(huán)結(jié)束。

2.?while?循環(huán)

while 循環(huán)在條件為真時(shí)重復(fù)執(zhí)行代碼。適合于不確定循環(huán)次數(shù)的情況。與for循環(huán)不同，while循環(huán)的條件是在每次迭代中指定的。只要條件為真，循環(huán)就會(huì)繼續(xù)執(zhí)行。一旦條件為假，循環(huán)就會(huì)立即停止。

• 特點(diǎn)：先檢查條件，條件為真時(shí)執(zhí)行循環(huán)體，適合需要?jiǎng)討B(tài)判斷的情況。
• 適用場(chǎng)景：當(dāng)不確定循環(huán)次數(shù)時(shí)，需基于條件進(jìn)行判斷。

?? ? ?語(yǔ)法：

while  (條件表達(dá)式)  {
// 循環(huán)體代碼
}
//  1.  先執(zhí)行條件表達(dá)式，如果結(jié)果為  true，則執(zhí)行循環(huán)體代碼；
//	如果為  false，則退出循環(huán)，執(zhí)行后面代碼
//  2.  執(zhí)行循環(huán)體代碼
//  3.  循環(huán)體代碼執(zhí)行完畢后，程序會(huì)繼續(xù)判斷執(zhí)行條件表達(dá)式。

示例：

let count = 1;while (count <= 5) {console.log("這是第 " + count + " 次循環(huán)");count++; // 增加計(jì)數(shù)
}

3.?do...while?循環(huán)

do...while 循環(huán)至少會(huì)執(zhí)行一次循環(huán)體，因?yàn)闂l件檢查是在循環(huán)之后進(jìn)行的。do while 是先執(zhí)行代碼，在進(jìn)行判斷，所以 do while 至少執(zhí)行一次。

• 特點(diǎn)：先執(zhí)行循環(huán)體，然后檢查條件，確保至少執(zhí)行一次。
• 適用場(chǎng)景：至少需要執(zhí)行一次循環(huán)體的情況。

語(yǔ)法：

do {
//  循環(huán)體代碼  -  條件表達(dá)式為  true  時(shí)重復(fù)執(zhí)行循環(huán)體代碼
}  while(條件表達(dá)式);

示例：

let count = 1;do {console.log("這是第 " + count + " 次循環(huán)");count++;
} while (count <= 5);

4.練習(xí)題

練習(xí)題1.九九乘法口訣

練習(xí)題2.?一百以內(nèi)的加法

練習(xí)題3.一百以內(nèi)偶數(shù)加法?

5.答案

練習(xí)題1答案?

  // for循環(huán)實(shí)現(xiàn)九九乘法口訣for (let i = 1; i <= 9; i++) {for (let j = 1; j <= i; j++) {document.write(j + 'x' + i + '=' + i * j + '  ');}document.write('<br/>');}// while實(shí)現(xiàn)九九乘法口訣let i = 1;let j = 1;while (i <= 9) {j = 1;while (j <= i) {document.write(j + '*' + i + '=' + i * j + '  ');j++;}document.write('<br/>'); // 換行i++;}// do while實(shí)現(xiàn)九九乘法口訣let u = 1;let g = 1;do {g = 1;while (g <= u) {document.write(u + "x" + g + "=" + u * g + "  ");g++;}document.write('<br/>'); // 換行u++;} while (u <= 9);

練習(xí)題2答案?

	// for循環(huán)實(shí)現(xiàn)一百以內(nèi)的加法let sum = 0for (let i = 1; i <= 100; i++) {sum += i;}document.write(sum);// while循環(huán)實(shí)現(xiàn)一百以內(nèi)的加法let l = 1;let q = 0;while (l <= 100) {q += l;l++;}console.log(q);// do while循環(huán)實(shí)現(xiàn)一百以內(nèi)的加法let y = 1;let x = 0;do {x += y;y++;}while (y <= 100);console.log(x);

練習(xí)題3答案?

	// for循環(huán)實(shí)現(xiàn)一百以內(nèi)偶數(shù)加法let add = 0;for (let z = 1; z <= 100; z++) {if (z % 2 == 0) {add += z;}}document.write(add);document.write('<br/>');// while循環(huán)實(shí)現(xiàn)一百以內(nèi)偶數(shù)加法let s = 1;let and = 0;while (s <= 100) {if (s % 2 == 0) {and += s;}s++;}console.log(and);// do while循環(huán)實(shí)現(xiàn)一百以內(nèi)偶數(shù)加法let n = 1;let m = 0;do {if (n % 2 == 0) {m += n;}n++;} while (n <= 100);console.log(m);

總結(jié)：

• 循環(huán)語(yǔ)句：用于重復(fù)執(zhí)行代碼塊（for、while、do...while）。
• 希望這篇文章能幫助你理解 JavaScript 的條件與循環(huán)語(yǔ)句！