JS - 循環，條件if，switch，while

時間 2019-12-01

原文原文鏈接

1.循環格式：html

定義初始值終止條件 this

// 1.將i的值寫在裏面

for(var i=0;i<10;i ++){

　　console.log(i);

　　}
// 2.也能夠將i的值寫在外面，分號必須還在

var i=0;
for(;i<4;i ++){
    console.log(i)
}
// 3. 將 i ++ 寫在console.log 後面，分號必須還在

var i=0;
for(;i<4;){
    console.log(i);
    i ++
}

終止循環和跳過循環spa

    <script>
        for(var i=1;i<10;i ++){
            // if(i==3) {
            //     break;  // 當i=3中止循環
            // }
            if(i==3) {
                continue;  // 當i=3，跳過本次循環
            }
            console.log(i);
        }
    </script>

四個塊，點擊每一個塊彈出他的序號3d

    <style>
        * {
            margin: 0;
            padding: 0;
        }
        ul li{
            list-style: none;
            width: 50px;
            height: 50px;
            background: red;
            border: 1px solid white;
            float: left;
        }
    </style>
<body>
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</body>
</html>

1.普通寫法code

　　點擊第一個彈出 1htm

oLi[0].onclick=function () {
    (alert(1));
};
...

2.循環來寫blog

        // 循環來作到上面的效果
        for(var i=0;i<4;i ++){
            oLi[i].onclick=function () {
                alert(i)  // 這裏打印的i的值是循環結束時的i值 
 i=4 <時不知足條件，循環結束 打印i值 4
            }
        }

由於循環將i值一會兒就循環完了，alert接受的值就是循環結束時的值。ip

處理方法：將i的值存到一個變量裏面字符串

    <script>
        for(var i=0;i<4;i ++){
            oLi[i].index=i;  // index自定義變量(oLi的屬性)接受i的值
            oLi[i].onclick=function () {
                alert(this.index +1)  // i值是從0-3，因此+1
            }
        }
    </script>

2.條件if string

　　格式：

單個條件

--1.

if(判斷的條件){
    true執行這兒
}else{
    false執行這兒
}

--2. if(2<10)alert("true");  // 簡寫 只有條件爲真執行alert，否者不執行

--3. 三目運算 單個·條件才能寫成三目運算
　　　　3>2?alert(1):alert(0);

// 三目運算
// 3>2?x=5:x=2;  無論真假都是給x賦值 可簡寫成以下 x=5
　　x=3>2?5:2;     // x=5

多個條件

if(判斷的條件){
    true執行這兒
}else if(判斷的條件){

    知足else if執行這兒
}else if ...

判斷符：< ,>, =, <= ,>=, !=, !==, ==, ===

!== 不全等，值和類型有一個不一樣就是不全等

        if(3!=="3"){
            alert(1)         // 值相等，類型不等。爲不全等，true alert 1。
        }else{
            alert(0)
        }

== 判斷值是否同樣
=== 判斷值，和他的類型是否同樣

轉換爲布爾值的時候爲false的值：

0 number
false boolean
"" string
null object/null
undefined undefined
NaN number

NaN   not a number 屬於number類型 非法運算的時候出現 "11"%"1a"  非法

isNaN(參數)   它會把參數儘可能轉換成數字

　　　　　　　　參數爲數字返回 false -- 它討厭數字，因此否掉它

　　　　　　　　參數不爲數字返回 true

alert(isNaN("5"));  // 它把字符串"5"轉換成數字5，他是數字，條件爲false

3. switch ：全等判斷

    <script>
        // -- switch 全等判斷 break終止循環 ，沒有break 他會把條件知足後的全部alert都執行
        switch("tj"){
            case "tj":
                alert("z") // 知足條件 彈出z ,若是不寫break，還會彈出z1 z2
                break;
            case "tj1":
                alert("z1")
                break;
            case "tj2":
                alert("z2")
                break;

        }

    </script>

4.while

// -- while  相似for 的第三種寫法
var i=0;
while(i<5){
    console.log(i);
    i ++
}

--do while

   <script>
        var i =5;
        do{
            console.log(i);    // 先執行一次，無論條件
            i --                         
        }while(i>2)            //  再判斷條件，條件知足再 i --    
   </script>打印結果爲 5，4，3

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。