javascript 基礎

1、變量
1、關鍵字
    var
2、組成
    字母、數字、下劃線和$符組成，不能以數字開頭
    命名規則：駝峯規則
3、特色
    變量名區分大小寫
4、常量
    關鍵字：const
2、數據類型
1、數字
    a、注意：javascript，數字沒有整型和浮點型的之分
    b、parseint(字符串)
        做用：將字符串轉成整數。若字符串是字母，則返回NaN
2、字符串
    a、字符串拼接
        符號：+ 主推
    b、經常使用方法
        1、求長度
            s3.length;
        2、去除空格
            s2.trim();  //去除左右兩端的空格
            s2.trimLeft();  //去除字符串左邊的空格
            s2.trimRight();     //去除字符串右邊的空格
        3、字母大小寫
            s2.toLowerCase();   //所有小寫
            s2.toUpperCase();   //所有大寫
        4、索引
            s2.charAt(3);   //根據索引，獲取元素
            s2.indexOf('G');    //根據元素，獲取索引
        5、切片
            s2.slice(0, 2);
            注意：顧頭不顧尾
        6、子字符串
            s2.substring(1, 3); 
            注意：start要小於end，若start大於end，則start和end值對調
        7、字符串拼接
            s2.concat(s3);
3、布爾值
        注意：true 和 false 要小寫
4、null和undefined的區別
    undefined是定義後，不賦值
    null 是定義後，賦值null
    注意：
        undefined的數據類型是 undefined
        null 的數據類型是 object
        null 和 undefined 若等於相等，強等於不相等
5、對象
    1、數組
        a、定義
            var li = [123, "123"];
        b、經常使用方法
            1)、求數組元素個數
                li.length;
            2)、添加元素
                li.push('dnf');     //從數組的尾部添加元素
                li.unshift('a', 'b');   //從數組的前端添加元素
            3)、刪除元素
                li.pop()    //數組尾端，刪除元素(一個)
                li.shift()  //數組前端，刪除元素(一個)
            4)、切片(顧頭不顧尾)
                li.slice(1, 4);
            5)、反轉
                li.reverse();
            6)、排序
                li2.sort();
                注意：將元素轉換成字符串，再排序，通常排序不在前端，都在後端進行排序
            7)、數組拼接
                console.log(li.concat(li2));
        c、typeof
            做用：查看數據類型
            格式：tyoeof 數據
　　二、對象能夠自定義
3、運算符
    1、數學運算符
        + - * / % ++ --
    2、比較運算符
        < > <= >= === !== == !=
        注意：== 是若等於，=== 是強等於，通常用強等於
    3、邏輯運算符
        &&  與
        ||  或
        !   非  
    4、賦值運算符
        += -= *= /=
4、流程控制語句
    1、if條件語句
    if ... else...
        if(a1>5){
            console.log("yes");
        }else{
            console.log("no");
        }
    if... else if .. else
        if (a1>5){
            console.log("a1大於5");
        } else if(a1 < 5){
            console.log("a1小於5");
        }else {
                console.log("a1等於5");
        } 
    2、switch語句
    var newFlag = 123;
    switch (newFlag){
        case true:
        console.log("爲真");
        break;
        case false:
        console.log("爲假");
        break;
        default:
        console.log("其它");    
    }
    3、while語句
    var num = 4;
    while (num<7){
        console.log("Hello, World!");
        num += 1;
    }
    4、for循環
    li = [3, 1, 2, 'a', 'b', 'c'];
        for (var i = 0; i < li.length; i++){
        console.log(i);
    }
    五、三目運算/三元運算
    var num1=10;
    var num2=20;
    num1>num2?num1:num2;