?

---

世界不僅有黑，又或者白

世界而是一道精致的灰

---

?——Lungcen

?

?

目錄

條件判斷語句

if 語句

if else 語句

if else if else 語句

?switch語句

break 關(guān)鍵字

case 子句

default語句

while循環(huán)語句

do while循環(huán)語句

for循環(huán)語句

for 循環(huán)中的三個表達(dá)式

for 循環(huán)嵌套

for 循環(huán)變體——for in

for 循環(huán)變體——for of

break 語句 和 continue 語句

JavaScript 標(biāo)簽

---

---

條件判斷語句

---

if 語句

????????if 語句是條件判斷語句中最簡單的一個條件判斷語句，它只有當(dāng)條件表達(dá)式成立的時候才會執(zhí)行{ }中的代碼內(nèi)容。

    <script >var age = 20;if(age >= 18){ alert("你已經(jīng)成年");}</script>

if else 語句

????????if 語句的升級版，在 if 語句中只有成立的時候才會執(zhí)行一個條件，但是在日常生活中，不僅僅只有一面。就像這個世界不僅僅是黑，也不僅僅是白。

????????if else 語句不僅可以指定當(dāng)表達(dá)式成立時要執(zhí)行的代碼，還可以指定當(dāng)表達(dá)式不成立時要執(zhí)行的代碼

    <script >var age = 20;if(age >= 18){alert("成年人");}else{alert("未成年人");}</script>

if else if else 語句

????????if 和 if else 語句都只有一個條件表達(dá)式，而 if else if else 語句是它們更高級的形式，在 if else if else 語句中允許定義多個條件表達(dá)式，并根據(jù)表達(dá)式的結(jié)果執(zhí)行相應(yīng)的代碼。

if (條件表達(dá)式 1) {// 條件表達(dá)式 1 為真時執(zhí)行的代碼
} else if (條件表達(dá)式 2) {// 條件表達(dá)式 2 為真時執(zhí)行的代碼
}
...else if (條件表達(dá)式N) {// 條件表達(dá)式 N 為真時執(zhí)行的代碼
} else {// 所有條件表達(dá)式都為假時要執(zhí)行的代碼
}

    <script >var now = new Date();var dayOfWeek = now.getDay(); if(dayOfWeek == 0) {           alert("星期日")} else if(dayOfWeek == 1) {alert("星期一")} else if(dayOfWeek == 2) {alert("星期二")} else if(dayOfWeek == 3) {alert("星期三")} else if(dayOfWeek == 4) {alert("星期四")} else if(dayOfWeek == 5) {alert("星期五")} else {alert("星期六")}</script>

---

?switch語句

---

????????switch語句可以根據(jù)不同的條件來執(zhí)行不同的代碼，這個效果和if esle語句的多分支結(jié)構(gòu)有點(diǎn)類似。但是與 if else 多分支結(jié)構(gòu)相比，switch case 語句更加簡潔和緊湊，執(zhí)行效率更高。

switch (表達(dá)式){case value1:statements1  // 當(dāng)表達(dá)式的結(jié)果等于 value1 時，則執(zhí)行該代碼break;case value2:statements2  // 當(dāng)表達(dá)式的結(jié)果等于 value2 時，則執(zhí)行該代碼break;......case valueN:statementsN  // 當(dāng)表達(dá)式的結(jié)果等于 valueN 時，則執(zhí)行該代碼break;default :statements  // 如果沒有與表達(dá)式相同的值，則執(zhí)行該代碼
}

switch 語句根據(jù)表達(dá)式的值，依次與 case 子句中的值進(jìn)行比較：

• 如果兩者相等，則執(zhí)行其后的語句段，當(dāng)遇到 break 關(guān)鍵字時則跳出整個 switch 語句。

• 如果不相等，則繼續(xù)匹配下一個 case。

• switch 語句包含一個可選的 default 關(guān)鍵字，如果在前面的 case 中沒有找到相等的條件，則執(zhí)行 default 后面的語句段。

break 關(guān)鍵字

????????switch 語句是逐行執(zhí)行的，當(dāng) switch 語句找到一個與之匹配的 case 子句時，不僅會執(zhí)行該子句對應(yīng)的代碼，還會繼續(xù)向后執(zhí)行，直至 switch 語句結(jié)束。

????????為了防止這種情況產(chǎn)生，需要在每個 case 子句的末尾使用 break 來跳出 switch 語句。break 除了可以用來跳出 switch 語句外，還可以用來跳出循環(huán)語句（for、for in、while、do while ）

case 子句

????????case 子句可以省略語句，這樣當(dāng)匹配時，不管下一個 case 條件是否滿足，都會繼續(xù)執(zhí)行下一個 case 子句的語句。

????????在 switch 語句中，case 子句只是指明了執(zhí)行起點(diǎn)，但是沒有指明執(zhí)行的終點(diǎn)。如果在 case 子句中沒有 break 語句，就會發(fā)生連續(xù)執(zhí)行的情況，從而忽略后面 case 子句的條件限制，這樣就容易破壞 switch 結(jié)構(gòu)的邏輯。

????????所以說在函數(shù)中使用 switch 語句，需要使用 return 語句（或者break語句）終止 switch 語句，防止代碼繼續(xù)執(zhí)行。

default語句

????????default 是 switch 子句，可以位于 switch 內(nèi)任意位置，不會影響多重分支正常執(zhí)行

default 語句與 case 語句簡單比較如下：

• 語義不同：default 為默認(rèn)項，case 為判例。

• 功能擴(kuò)展：default 選項是唯一的，不可以擴(kuò)展。而 case 選項是可擴(kuò)展的，沒有限制。

• 異常處理：default 與 case 扮演的角色不同，case 用于枚舉，default 用于異常處理。

---

while循環(huán)語句

---

while 循環(huán)在每次循環(huán)之前，會先對條件表達(dá)式進(jìn)行求值：

????????如果條件表達(dá)式的結(jié)果為 true，則執(zhí)行{ }中的代碼

????????如果條件表達(dá)式的結(jié)果為 false，則退出 while 循環(huán)，執(zhí)行 while 循環(huán)之后的代碼。

var i=1;
var sum=0;
while (i <= 100){sum += i;i++;
}

????????在編寫循環(huán)語句時，一定要確保條件表達(dá)式的結(jié)果能夠?yàn)榧?#xff08;即布爾值 false），因?yàn)橹灰磉_(dá)式的結(jié)果為 true，循環(huán)會一直持續(xù)下去，不會自動停止，對于這種無法自動停止的循環(huán)，我們通常將其稱為“無限循環(huán)”或“死循環(huán)”。

---

do while循環(huán)語句

---

do while 循環(huán)與 while 循環(huán)非常相似，不同之處在于：

????????do while 循環(huán)會先執(zhí)行循環(huán)中的代碼，然后再對條件表達(dá)式進(jìn)行判斷。因此，無論條件表達(dá)式是真還是假，do while 循環(huán)都能至少執(zhí)行一次，而 while 循環(huán)就不一樣，如果條件表達(dá)式為假會直接退出 while 循環(huán)。

do {// 需要執(zhí)行的代碼
} while (條件表達(dá)式);

需要注意的是：do while 循環(huán)與 while 循環(huán)還有一點(diǎn)不同，那就是 do while 循環(huán)的末尾需要使用分號;進(jìn)行結(jié)尾，而 while 循環(huán)則不需要

---

for循環(huán)語句

---

for 循環(huán) 和 switch語句一樣，適合在已知循環(huán)次數(shù)時使用

while循壞 和 do while循壞，就適合不知道循壞數(shù)的時候使用

for(initialization; condition; increment) {// 要執(zhí)行的代碼
}

for 循環(huán)中包含三個可選的表達(dá)式 initialization、condition 和 increment，其中：

• initialization：為一個表達(dá)式或者變量聲明，我們通常將該步驟稱為“初始化計數(shù)器變量”，在循環(huán)過程中只會執(zhí)行一次；

• condition：為一個條件表達(dá)式，與 while 循環(huán)中的條件表達(dá)式功能相同，通常用來與計數(shù)器的值進(jìn)行比較，以確定是否進(jìn)行循環(huán)，通過該表達(dá)式可以設(shè)置循環(huán)的次數(shù)；

• increment：為一個表達(dá)式，用來在每次循環(huán)結(jié)束后更新（遞增或遞減）計數(shù)器的值。

for 循環(huán)中的三個表達(dá)式

?for 循環(huán)中括號中的三個表達(dá)式是可以省略的，但是用于分隔三個表達(dá)式的分號不能省略

// 省略第一個表達(dá)式
var i = 0;
for (; i < 5; i++) {// 要執(zhí)行的代碼
}// 省略第二個表達(dá)式
for (var y = 0; ; y++) {if(y > 5){break;}// 要執(zhí)行的代碼
}

// 省略第一個和第三個表達(dá)式
var j = 0;
for (; j < 5;) {// 要執(zhí)行的代碼j++;
}// 省略所有表達(dá)式
var z = 0;
for (;;) {if(z > 5){break;}// 要執(zhí)行的代碼z++;
}

for 循環(huán)嵌套

和if else語句一樣，無論是哪種循環(huán)，都可以嵌套使用（即在一個循環(huán)中再定義一個或多個循環(huán)）

for (var i = 1; i <= 9; i++) {for (var j = 1; j <= i; j++) {document.write(j + " x " + i + " = " + (i * j) + "&emsp;");}document.write("<br>");
}

for 循環(huán)變體——for in

????????for in 循環(huán)是一種特殊類型的循環(huán)，也是普通 for 循環(huán)的變體，主要用來遍歷對象，使用它可以將對象中的屬性依次循環(huán)出來（注意循壞對象是——>對象）

for (variable in object) {// 要執(zhí)行的代碼
}

????????variable 為一個變量，每次循環(huán)時這個變量都會被賦予不同的值，我們可以在{ }中使用這個變量來進(jìn)行一系列操作；

????????object 為要遍歷的對象，在每次循環(huán)中，會將 object 對象中的一個屬性的鍵賦值給變量 variable，直到對象中的所有屬性都遍歷完。

// 定義一個對象
var person = {"name": "Clark", "surname": "Kent", "age": "36"};// 遍歷對象中的所有屬性
for(var prop in person) {document.write("<p>" + prop + " = " + person[prop] + "</p>");
}

?for in 循環(huán)是為遍歷對象而創(chuàng)建的，雖然也可以遍歷數(shù)組，但是并不推薦，若要遍歷數(shù)組，可以使用 for循環(huán)或者 for of循環(huán)。

for 循環(huán)變體——for of

????????for of 循環(huán)是 ECMAScript6 中新添加的一個循環(huán)方式，與 for in 循環(huán)類似，也是普通 for 循環(huán)的一種變體，使用 for of 循環(huán)可以輕松的遍歷數(shù)組或者其它可遍歷的對象（注意對象是——>數(shù)值或者可遍歷對象）

for (variable of iterable) {// 要執(zhí)行的代碼
}

????????variable 為一個變量，每次循環(huán)時這個變量都會被賦予不同的值，我們可以在后面的{ }中使用這個變量來進(jìn)行一系列操作；

????????iterable 為要遍歷的內(nèi)容，在每次循環(huán)中，會將 iterable 中的一個值賦值給變量 variable，直到 iterable 中的所有值都遍歷完。

// 定義一個數(shù)組
var arr = ['a', 'b', 'c', 'd', 'e', 'f'];
// 使用 for of 循環(huán)遍歷數(shù)組中的每個元素
for (var value of arr) {document.write(value + ", ");
}
document.write("<br>");

// 定義一個字符串
var str = "Hello World!";
// 使用 for of 循環(huán)遍歷字符串中的每個字符
for (var value of str) {document.write(value + ", ");
}
document.write("<br>");

// 定義一個對象
var obj = {"name": "Clark", "surname": "Kent", "age": "36"};
// 使用 for in 循環(huán)遍歷對象中的所有屬性
for(var value in obj) {document.write(value + ", ");
}

雖然 for of 循環(huán)也可以遍歷對象，但并不推薦，若要遍歷對象可以使用 for in 循環(huán)。

break 語句 和 continue 語句

? ? ? ? break 語句前面已經(jīng)簡單了解過了 break 語句，使用 break 語句可以跳出 switch 語句。其實(shí)使用 break 語句還可以用來跳出循環(huán)。

????????continue 語句用來跳過本次循環(huán)，執(zhí)行下次循環(huán)。當(dāng)遇到 continue 語句時，程序會立即重新檢測條件表達(dá)式，如果表達(dá)式結(jié)果為真則開始下次循環(huán)，如果表達(dá)式結(jié)果為假則退出循環(huán)。

JavaScript 標(biāo)簽

????????JavaScript 中的標(biāo)簽與 HTML 中的標(biāo)簽不同，JavaScript 中的標(biāo)簽就是一個標(biāo)識符（類似變量名），后面跟隨一個冒號?:?。

????????JavaScript 標(biāo)簽可以聲明在任何語句或者代碼塊之前，并與 break 或 continue 配合來跳出特定的循環(huán)，例如當(dāng)多個循環(huán)嵌套使用時，單純使用 break 只能跳出當(dāng)前的循環(huán)，無法跳出外層循環(huán)，如果將 break 與標(biāo)簽配合使用，則可以一次跳出多層循環(huán)。

outerloop:          // 定義一個標(biāo)簽    
for (var i = 0; i < 5; i++) {document.write("外層循環(huán): " + i + "<br />");innerloop:       // 定義一個標(biāo)簽for (var j = 0; j < 5; j++) {if (j > 3 ) break ;           // 跳出內(nèi)層循環(huán)if (i == 2) break innerloop;  // 跳出內(nèi)層訊息if (i == 4) break outerloop;  // 跳出外層循環(huán)document.write("內(nèi)層循環(huán): " + j + " <br />");}
}      
document.write("循環(huán)結(jié)束!<br /> ");

注意：1、break 或 continue 與標(biāo)簽之間不能出現(xiàn)換行

? ? ? ? ? ?2、標(biāo)簽名稱和相關(guān)循環(huán)之間不能出現(xiàn)其它代碼。

?

---

世界不僅有黑，又或者白

世界而是一道精致的灰

---

?——Lungcen