Javascript語句詳解

一、導入

    JavaScript 語句是發給瀏覽器的命令。這些命令的作用是告訴瀏覽器要做的事情。這個 JavaScript 語句告訴瀏覽器向網頁輸出 "Hello world"： document.write("Helloworld");通常要在每行語句的結尾加上一個分號。大多數人都認為這是一個好的編程習慣，而且在 web 上的 JavaScript 案例中也常常會看到這種情況。分號是可選的（根據 JavaScript 標準），瀏覽器把行末作為語句的結尾。正因如此，常常會看到一些結尾沒有分號的例子。

二、知識要點

1．if語句

if 語句

if(條件){
    //滿足條件時的執行語句;
}

if...else...語句

if(條件){
    //滿足條件時的執行語句;
}else{
    //不滿足條件時的執行語句;
}

if...else if...else if...else 語句

if(條件 1){
    //滿足條件 1 時的執行語句;
}else if(條件 2){
    //不滿足條件 1，但是滿足條件 2 時的執行語句;
}else if(條件 3){
    //不滿足條件 1，也不滿足條件 2，但是滿足條件 3 時的執行語句;
}
...
else{
     //以上條件都不滿足時的執行語句;
}

嵌套的 if 語句

if(條件 1){
    if(條件 A){
        //滿足條件 1，并且滿足條件 A 時的執行語句;
    }else{
        //滿足條件 1，但是不滿足條件 A 時的執行語句;
    }
}else{
    //.....
}

拓展知識：什么是真，什么是假？

true：非空字符串、非 0 數字、任何對象或函數。

false：空字符串、數字 0、NaN、null、undefined。

2. switch語句

switch(表達式){
    case label1:
        //當表達式的值===label1 時的執行語句;
        break;
    case label2:
        //當表達式的值===label2 時的執行語句;
        break;
    case label3:
        //當表達式的值===label3 時的執行語句;
        break;
    ......
    default:
        //當表達式的值不等于以上所有結果時的執行語句;
        break;
}

break;終止程序繼續執行。

擴展知識：把字符串轉換成數字。

隱式轉換：i-=0;i*=1;i/=1;...

顯示轉換：parseInt()、parseFloat()、Number()

3. for 循環語句

for(循環變量初始值;循環條件;循環變量步增){
    //循環執行語句;
}

執行過程：

1. 判斷循環條件是否成立，如果成立則執行循環體，不成立則退出循環
2. 循環變量步增
3. 重復 1、2 兩步，直到條件不成立退出循環

如：

for(var i=1;i<5;i++){
    document.write(i+'<br>');
}

執行過程如下：

1. i=1，i<5 滿足條件，執行 document.write(i+'<br>')，然后執行 i++
2. i=2，i<5 滿足條件，執行 document.write(i+'<br>')，然后執行 i++
3. i=3，i<5 滿足條件，執行 document.write(i+'<br>')，然后執行 i++
4. i=4，i<5 滿足條件，執行 document.write(i+'<br>')，然后執行 i++
5. i=5，i<5 不滿足條件，退出循環

嵌套的 for 循環

for(var i=1;i<=10;i++){
    for(var j=1;j<=10;j++){
        document.write(i+'*'+j+'='+i*j+'<br>');
    }
}

4．while 和 do...while 循環語句

while(條件){
    //循環執行語句;注意循環變量的步增
}

如：

var i=1,sum=0;
while(i<101){
    sum+=i;
}
document.write(sum);

do{
    //循環執行語句;注意循環變量的步增
}while(條件);

二者的區別：do...while 語句不論條件是否成立都至少要執行一次循環體。

嵌套的 while 語句

var i=1,sum=1;
while(i<10){
    var j=1;
    while(j<10){
        document.write(i*j);
        j++;
    }
    i++;
}

5．for...in 語句

用于遍歷對象的屬性或方法。格式如下：

for(變量名 in 對象名){
    //循環執行語句;
}

如：

for(i in document){
    document.write(i+'<br>');
}

6．with 語句&break&continue

break:跳出當前循環體（不包括父循環），不再執行當前循環體后續程序。

continue:跳過當前循環體(不包括父循環)中的本次循環，繼續下一次循環。

with(共同對象的名稱){
    //具體的對象屬性或方法;
}

如：

with(document.myForm.uname.style){
    border='1px solid #ccc';
    padding='5px 10px';
    backgroundColor='#f5f5f5';
    //多個單詞組成， 第二個單詞開始每個單詞首字母大寫
}

class 屬性需要用 className 代替。

目的與要求：

通過介本章的學習，要求同學們熟練掌握Javascript中語句的執行過程，并充分理解條件語句、循環語句的執行原理及場合，能夠在具體的事例中選擇合適的語句并解決問題。 

練習

一、    if語句

用戶輸入成績，判斷正確與否

用戶輸入成績，判斷優(90-100)良(80-90)中(60-80)差(0-60)以及輸入錯誤

輸入一個數，輸出這個數的絕對值

輸入兩個正整數，檢查第一個數是否能被第二個數整除

輸入一個4位數年份，判斷是閏年還是平年(能被4整除，不能被100整除是閏年；能被400整除是閏年)

分別輸入身高(cm)和體重(kg),按下式確定其體重是否為標準、過胖或過瘦。（1）標準體重=身高-110；（2）超過標準體重5kg（即大于5kg）為過胖；（3）低于標準體重5kg（即小于5kg）為過瘦

輸入3個不相等的正整數，從大到小排序輸出

二、switch語句

輸入百分制成績，轉換成五分制，并用switch判斷優5 良4 中3 差 210，以及輸入錯誤。

三、for語句

計算1*2*3*...*100的積

兩種方法計算1-2+3-4+...+99-100的結果

九九加法表，要求不顯示上半部分，也就是每一列從相等的兩個數開始。

母雞3文錢一只，公雞2文錢一只，小雞1文錢三只，問100文錢買100只雞怎么買？

四、while語句

用while語句寫:1-2+3-4+...+99-100

用while語句寫九九乘法表

五、with語句

寫一個注冊表單，要求包括用戶名、密碼、確認密碼、qq、email、地址、自我介紹（多行文本框）。用with語句改變其樣式，包括邊框、背景、字體顏色、填充、邊距?？梢杂胏lass，但至少有一個需要用style來寫。

三、總結

    if語句和for語句在后續的程序設計中用的非常多，大家必需完全掌握；while和do..while相對用得較少，知道，會用即可；for...in語句因設計對象的概念，這里也只作為了解，后續講到對象的時候會具體來補充說明；with語句需要掌握，break和continue知道，會用即可。

© 致遠 2020-02-18，原創內容，轉載請注明出錯：Javascript語句詳解