1. 程式人生 > >js02-常用流程控制語句

js02-常用流程控制語句

googl index if語句 r語 hit 河南 pan while 循環 tex

1.if語句

語法:if(條件){

  條件成立時執行  

}else{

  條件不成立執行

}

var ji  = 20;
        if(ji>=20){
            console.log(‘恭喜你,吃雞成功,大吉大利‘)
        }else{
            console.log(‘很遺憾 下次繼續努力‘)
            
        }

2.switch語句

語法:switch(值){

  case 值1:

    執行語句

    break;

  case 值:

    執行語句

    break;

}

    <script type="text/javascript">
        //switch ("better") 表示條件.case表示符合條件後執行的語句
        switch ("better0") {
            case "good":
                console.log("玩的不錯")
                break;
            case "better":
            console.log("玩的非常好")
                
break; case "best": console.log("吃鴨子啦") break; default: console.log("玩的真菜") break; } </script>

3while和do while語句

while語法:

while(條件){
執行代碼塊
}

    <script type="text/javascript">
        //
whilex循環 //1.初始化循環變量 2.判斷循環條件 3、更新循環變量 var i = 1; //1.初始化循環變量 while(i<=9){ //2.判斷循環條件 // console.log(i) i = i+1; //3、更新循環變量.切記這三步 } //練習 //將 1-100之間的所有是3的倍數 輸出出來 var j = 1; while (j<=100){ if(j%3===0){ console.log(j) } j++; } </script>

do while語法

註意:do while 會先執行一次do後面的代碼塊,然後再進行while條件判斷的.

do{
執行代碼塊
} while (條件);

<script type="text/javascript">
        //while 循環三部曲
        //1.初始化變量   2.判斷循環條件   3.更新循環變量

        //不管while條件是否成立,都會先運行一次do裏面的代碼,然後再去進行while判斷.
        var i = 5;
        do{
            console.log(i)
            i++;
        } while (i<10);
    </script>

4 for語句

語法:

//for (var 1=10 初始化變量,i>=1是條件,i--是更新變量.每個語句間使用;隔開)
for (var i = 10; i>=1; i--) {
console.log(i)
}

    <script type="text/javascript">
        //for (var 1=10 初始化變量,i>=1是條件,i--是更新變量.每個語句間使用;隔開)
        for (var i = 10; i>=1; i--) {
            console.log(i)
        }

        //輸出1-100間的偶數
        for (var i = 1; i <= 100; i++) {
            if (i%2==0){
                console.log(i)
            }
        }
        //計算1-100之間所有數的和
        // var sum=0
        // for (var i = 1; i <= 100; i++) {
        //     sum+=i
        // }console.log(sum)
        // for (var i = 1; i <=3; i++) {
        //     for (var x =1; x <=6; x++) {
        //         document.write("*")
                
        //     }document.write("<br>")
            
        // }
        

    </script>

數組:

    <script type="text/javascript">
        /* 數據的創建方式:
        1.字面量方式
        2.函數構造法
        */
        //字面量方式,推薦這種方式.因為簡單明了
        var colors =["red","green","blue"];
        console.log(colors)
        // 使用構造函數 new
        var  colors2 = new Array("balck","white","origin");
        console.log(colors2)
        //數組賦值
        var arr1 = [];
        arr1[0] = "www.google.com";
        arr1[1] = "wwww.it.com";
        arr1[2] ="www.sohu.com";
        arr1[3] ="www.sina.com";
        arr1[4] ="www.163.com";
        // console.log(arr1)
        for (var i = 0; i <arr1.length; i++) {
            console.log(arr1[i])
        }

    </script>
技術分享圖片
<script type="text/javascript">
        //數組的合並 concat
        // var north =["河南","北京","河北"];
        // var south =["上海","蘇州","杭州"];
        // var newArr = north.concat(south);
        // console.log(newArr)
        //轉換成字符串 toString() 直接轉換成字符串,用逗號隔開
        var score=[100,33,56,67,87];
        var str = score.toString();
        console.log(str)
        //join()方法,使用指定的字符串分割數組
        var str2 = score.join("|");
        console.log(str2)
        //indexOf() 查指定字符串的下標,指的是正向查找
        var index = score.indexOf(67);
        var index1 = score.indexOf(99); //查找的不在數組中,返回-1
        console.log(index)
        console.log(index1)
        // lastindexOf(),倒敘查找.註意.正向和反向查找的索引值都是一樣的.
        var index2  =score.lastIndexOf(67);
        console.log(index2)
        //數組排序之反轉數組,原數組也會被反轉
        var names =["alne","jack","chen","wang","liu","ago"];
        var reverseName =  names.reverse();
        console.log(reverseName)
        console.log(names)
        //按照英文字母排序,如果第一個字符相同,按照後面一個字母排列,以此類推
        var names1 = names.sort();
        console.log(names1)
        //移除第一個元素.
        var frist = names.shift();
        console.log(frist)
        console.log(names)
        //unshift() 添加一個或多個值,並返回數組的長度.
        var names2 = names.unshift("pinjin","xuehua","xiaohei");
        console.log(names)
        console.log(names2)
        //push(),pop() 添加,刪除
        //push() 默認添加到數組的最後
        var names3 = names.push("lirui","xiaoxiao");
        console.log(names)
        console.log(names3)  //返回新的長度
        //pop()刪除默認從最後一個開始刪除,names4是被刪除的元素
        var names4 =names.pop();
        names.pop();
        names.pop();
        console.log(names4)
        // 分割,反轉字符串"hello luffy"
        var a = "hello luffy";
        // var x = a.split(" ")
        console.log(a.split("").reverse())

    </script>
數組的常用方法

函數:

    <script type="text/javascript">
        
        //js中函數是聲明是用function funcname(),有函數的聲明,就一定有調用.
        function add(){
            alert("函數被調用了")

        }
        add()
        //聲明帶形參的函數
        function add2(x,y){
            alert(x+y)
        }
        add2(4,7)
        //帶返回值的函數
        function add3(a,b){
            return a*b
        }
        // console.log(add3(5,9))
        alert(add3(5,10))
    </script>

js02-常用流程控制語句