1、 if

    if(boolean){<br />            //boolean为true的情况才会走{}中的内容<br />          }
     **var** a = 10;<br />         **var** b = 20;<br />         **if**(b<a){<br />             console.log("今天")<br />         }<br />         console.log("hello world")

2 、if-else

// if else
/
if(boolean){
//boolean true
}else{
//boolean false
}
/
var age=23;
if(age>=22){
console.log(“步入婚姻的殿堂”)
}else{
console.log(“一个人爽”)
}

3 、if-elseif - else

    **var** age = 5;<br />        **if** (age >= 18) {<br />            console.log("成人")<br />        } **else** **if** (age >= 12) {<br />            console.log("青少年")<br />        } **else** **if** (age >= 6) {<br />            console.log("少年")<br />        } **else** {<br />            console.log("小屁孩")<br />        }

4 、while

/
while(boolean){
// boolean true就是一直执行,陷入一个死循环
}
/
var a = 10;
while(a){
alert(“hello world”);
}

5、 while-for

// 0-2;
debugger;
var a = 0;
while(a<=2){
console.log(a);
a++;
}

6、 for

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

7、 for-in

// for-in遍历对象
var obj = {
name:”cheng”,
age:18,
skill:”js”
}
for(var item in obj){
// 对象的属性名是变量的时候,要通过[],的方式去读取
console.log(obj[item])
}

8、 switch-case

var x = “gay”;
switch (x) {
case “男”:
console.log(“男”);
break;
case “女”:
console.log(“女”);
break;
default:
console.log(“其他”)
}

9、 break和continue之间的区别

break 语句用于跳出循环。
continue 用于跳过循环中的一个迭代。

        /* 
        continue跳过某个条件,继续循环
         */
        for(var i=0;i<=6;i++){
            if(i==3){
                continue;
            }
            console.log(i);
        }

10、switch

        var x = "gay";
        switch (x) {
            case "男":
                console.log("男");
                break;
            case "女":
                console.log("女");
                break;
            default:
                console.log("其他")
        }

示例

示例1点击按钮全选不选和反选

    <button id="all">全选</button>
    <button id="noAll">不选</button>
    <button id="reverse">反选</button>
    <div>
        <input type="checkbox">足球
        <input type="checkbox">篮球
        <input type="checkbox">Lol
        <input type="checkbox">王者荣耀
    </div>

        var all = document.getElementById("all");
        var noAll = document.getElementById("noAll");
        var reverse = document.getElementById("reverse");
        var inputs = document.getElementsByTagName("input");
        /* 1.对btn执行点击事件 */
        all.onclick = function () {
            /* 2.将所有的input的checked属性设置为true */
            for (var i = 0; i < inputs.length; i++) {
                inputs[i].checked = true;
            }
        }
        noAll.onclick = function () {
            for (var i = 0; i < inputs.length; i++) {
                inputs[i].checked = false;
            }
        }
        reverse.onclick = function () {
            for (var i = 0; i < inputs.length; i++) {
                console.log(inputs[i].checked)
                inputs[i].checked = (inputs[i].checked) ? false : true;
            }
        }

示例2隔行变色

    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>

        /*
        i%2  0,1,2,3,4
             0,1,0,1,0
         */
        var lis = document.getElementsByTagName("li");
        for(var i=0;i<lis.length;i++){
            if(i%2==0){
               lis[i].style.backgroundColor = "pink"
            }else{
                lis[i].style.backgroundColor = "blue"
            }
        }

示例3点谁谁消失

    <!-- div.one*4{hello $} -->
    <div class="one">hello 1</div>
    <div class="one">hello 2</div>
    <div class="one">hello 3</div>
    <div class="one">hello 4</div>
    <script>
        // 不能对HTML Collection执行点击事件,只能对具体元素执行事件
        /* 
        this -->在事件中,谁执行事件,this就指谁
         */
        var all = document.getElementsByClassName("one");
        for(var i=0;i<all.length;i++){
            all[i].onclick = function(){
                this.style.display = "none"
            }
        }