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