?

世界不僅有黑，又或者白

世界而是一道精致的灰

?——Lungcen文章來源地址http://www.zghlxwxcb.cn/news/detail-419969.html

?

?

目錄

條件判斷語句

if 語句

if else 語句

if else if else 語句

?switch語句

break 關鍵字

case 子句

default語句

while循環(huán)語句

do while循環(huán)語句

for循環(huán)語句

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

for 循環(huán)嵌套

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

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

break 語句 和 continue 語句

JavaScript 標簽

條件判斷語句

if 語句

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

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

if else 語句

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

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

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

if else if else 語句

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

if (條件表達式 1) {
    // 條件表達式 1 為真時執(zhí)行的代碼
} else if (條件表達式 2) {
    // 條件表達式 2 為真時執(zhí)行的代碼
}
...
  else if (條件表達式N) {
    // 條件表達式 N 為真時執(zhí)行的代碼
} else {
    // 所有條件表達式都為假時要執(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語句的多分支結構有點類似。但是與 if else 多分支結構相比，switch case 語句更加簡潔和緊湊，執(zhí)行效率更高。

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

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

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

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

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

break 關鍵字

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

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

case 子句

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

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

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

default語句

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

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

• 語義不同：default 為默認項，case 為判例。

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

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

while循環(huán)語句

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

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

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

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

????????在編寫循環(huán)語句時，一定要確保條件表達式的結果能夠為假（即布爾值 false），因為只要表達式的結果為 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)中的代碼，然后再對條件表達式進行判斷。因此，無論條件表達式是真還是假，do while 循環(huán)都能至少執(zhí)行一次，而 while 循環(huán)就不一樣，如果條件表達式為假會直接退出 while 循環(huán)。

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

需要注意的是：do while 循環(huán)與 while 循環(huán)還有一點不同，那就是 do while 循環(huán)的末尾需要使用分號;進行結尾，而 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)中包含三個可選的表達式 initialization、condition 和 increment，其中：

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

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

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

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

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

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

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

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

// 省略所有表達式
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)時這個變量都會被賦予不同的值，我們可以在{ }中使用這個變量來進行一系列操作；

????????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)時這個變量都會被賦予不同的值，我們可以在后面的{ }中使用這個變量來進行一系列操作；

????????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 語句。其實使用 break 語句還可以用來跳出循環(huán)。

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

JavaScript 標簽

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

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

outerloop:          // 定義一個標簽    
for (var i = 0; i < 5; i++) {
   document.write("外層循環(huán): " + i + "<br />");
   innerloop:       // 定義一個標簽
   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)結束!<br /> ");

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

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

?

世界不僅有黑，又或者白

世界而是一道精致的灰

?——Lungcen

到了這里，關于前端開發(fā)——JavaScript的條件語句的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！