JS - 循环，条件if，switch，while

1.循环格式：

定义初始值终止条件

// 1.将i的值写在里面

for(var i=0;i<;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 ++
}

终止循环和跳过循环

    <script>

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

            // if(i==3) {

            //     break;  // 当i=3停止循环

            // }

            if(i==3) {

                continue;  // 当i=3，跳过本次循环

            }

            console.log(i);

        }

    </script>

四个块，点击每个块弹出他的序号

    <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.普通写法

　　点击第一个弹出 1

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

2.循环来写

        // 循环来做到上面的效果

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

            oLi[i].onclick=function () {

                alert(i)  // 这里打印的i的值是循环结束时的i值

 i=4 <时不满足条件，循环结束 打印i值 4

            }

        }

因为循环将i值一下子就循环完了，alert接受的值就是循环结束时的值。

处理方法：将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

　　格式：

单个条件

--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

秒客网

JS - 循环，条件if，switch，while

相关文章