天天看點

javaScript_對象(function-Array-Date-RegExp-Golbal)

1. function對象
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">    
    <title>Function對象</title>    
    <script>    
        /*  Function;函數(方法)對象
            1.建立                   
                 1.  var fun = new Function(形式參數清單,方法體);
               ※2.  function 方法名稱(形式參數清單){                   
                         方法體;                      
                     }                      
               ※3.  var 方法名 = function(){                         
                         方法體;                          
                     }                
            2.方法                
            3.屬性               
                 length : 代表參數的個數                
            4.特點                 
                 1.方法定義時,形參的類型可以不用寫,傳回值類型也可以不寫                      
                 2.方法是一個對象,如果定義名稱相同會覆寫                      
                 3.在js中方法的調用,隻與方法的名稱有關,和方法的參數無關                      
                 4.在方法聲明中有一個隐藏的内置對象(數組),arguments,封裝所有的實際參數             
             5.調用                   
                   方法的名稱(實際參數清單)        
         */         
         // 1.建立方式1         
         var fun1 = new Function("a","b","alert(a);");         
         // 調用方法         
         fun1(3,4);         
         // 2.建立方式2         
         function fun2(a,b){
             alter(a+b);         
         }         
         fun2(3,4);         
         // 3.建立方式3        
         var fun3 = function(a,b){ 
             alter(a+b);         
          }         
          fun3(3,4);         
          //求兩個數的和         
          function add(a,b){             
              return a+b;         
          }         
          var sum = add(1,2);         
          alter(sum);         
          // 求任意個數的和         
          function add(){             
              var sum=0;             
              for(var i=0;i<arguments.length;i++){                
                  sum+=arguments[i]             
              }            
              return sum;
          }         
          var sum = add(1,2,3,4,5,6);         
          alter(sum);     
     </script>
</head>
<body>
</body>
</html>

           
2.Array對象
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Array對象</title>
    <script>
        /*
            Array:數組對象
            1.建立:
                1.  var  arr = new Array(元素清單);
                2.  var  arr = new Array(預設長度);
                3.  var  arr = [元素清單];
            2.方法
                join(參數):将數組中的元素按照指定的分隔符拼接為字元串
                push(參數);想數組末尾添加一個或更多元素,并傳回新長度
                pop();删除并傳回最後一個元素
                concat():連接配接兩個或更多的數組,并傳回結果
                reverse():颠倒數組中元素的順序
                shift():删除并傳回數組的第一個元素
                slice():從某個已有的數組傳回標明的元素
                ......
            3.屬性
                length : 擷取數組長度
            4.特點
                1. JS中,數組元素的類型可變
                2. JS中,數組的長度是可變的
                3.
        */
        // 1. 建立方式
        var arr1 = new Array(1,2,3);
        var arr2 = new Array(5);
        var arr3 = [1,2,3,4];
        var arr4 = [1,"abc",true]
        document.write(arr1+"</br>")
        document.write(arr2+"</br>")
        document.write(arr3+"</br>")
        document.write(arr4+"</br>")
        document.write(arr5+"</br>")
    </script>
</head>
<body>
</body>
</html>
           
javaScript_對象(function-Array-Date-RegExp-Golbal)
3.Date對象
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Date對象</title>
    <script>
        /*
            Date : 日期對象
                 1. 建立
                     var date = newDate();
                 2. 方法
                     toLocaleStirng();傳回目前date對象對應的時間本地字元串格式
                     getTime(); 擷取毫秒值,傳回目前時間描述的時間到1970年1月1日零點的毫秒值差
        */
        var date = new Date();
        
        document.write(date+"</br>")
        document.write(date.toString()+"<br>")
        document.write(date.getTime()+"<br>")
    </script>
</head>
<body>
</body>
</html>

           
javaScript_對象(function-Array-Date-RegExp-Golbal)
3.Math對象
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /*
            Math,數學
             1.建立:
                 *特點:Math對象,直接使用。Math.方法名();
                 
             2.方法:
                 random();傳回0~1之間的随機數,含0不含1
                 round(x); 四舍五入
                 floor(x); 對數進行向下舍入
                 ceil(x); 對數進行想上取整
             3.屬性:
                 PI
        */
        document.write(Math.PI+"<br>");
        document.write(Math.random()+"<br>");
        document.write(Math.round(3.14)+"<br>");
        document.write(Math.ceil(3.14)+"<br>");
        document.write(Math.floor(3.14)+"<br>");

        /* 
          取1~100之間的随機數
        */
        var  m = Math.round(Math.random()*100);
        document.write(m+"<br>");
    </script>
</head>
<body>
</body>
</html>
           
javaScript_對象(function-Array-Date-RegExp-Golbal)
3.RegExp:正規表達式對象
1.正規表達式:定義字元串的組成規則。
  • . 正規表達式:定義字元串的組成規則。
    • 單個字元 : [ ]

      如: [a] [ab] [a-zA-Z0-9]

      特殊符号代表特殊含義的單個字元:

      \d : 單個數字字元 [0-9]

      \w : 單個單詞字元 [a-zA-Z0-9]

    • 量詞符号

      ?:表示出現a次或0次

      * : 表示出現0次或多次(前面沒有點,為防止轉義加了點)

      + :表示出現1次或多次(前面沒有點,為防止轉義加了點)

      \w* :

      {m,n} : 表示數量 m<= 數量 <= n

      • m如果預設: {,n} : 最多n次
      • n如果預設: {m,} : 最少m次
    • 開始結束符号

      • ^ : 開始
      • $ : 結束
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /*
            正則對象:
                1.建立:
                    1. var reg = new RegExp("正規表達式");
                    2. var reg = /正規表達式/;
                2.方法:
                    1. test(參數); 驗證指定的字元串是否符合正則定義的規範
        */
        // 1.  
        var reg1 = new regExp("\\w{6,12}");
        // 2.
        var reg2 = /^\w{6,12}$/;
        alert(reg1);
        alert(reg2);

        var usename = "zahngsan";
        // 驗證
        var flag  = reg3.test(username);
        alert(flag);
    </script>
</head>
<body>
    
</body>
</html>
           
4.Global對象
javaScript_對象(function-Array-Date-RegExp-Golbal)
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var str = "熊二部落格"
        var encode = encodeURI(str);
        document.write(encode+"<br>"); // %E7%86%8A%E4%BA%8C%E5%8D%9A%E5%AE%A2
        var s = decodeURI(encode); 
        document.write(s+"<br>");  //  熊二部落格

        var str1 = "熊二部落格"
        var encode = encodeURIComponent(str);
        document.write(encode+"<br>"); // %E7%86%8A%E4%BA%8C%E5%8D%9A%E5%AE%A2
        var s1 = decodeURIComponent(encode); 
        document.write(s+"<br>");  //  熊二部落格

        var str2= "123abc";
        var number = parseInt(str2);
        alert(number+1);

        var a = NaN;
        document.write(a==NaN +"<br>");
        document.write(isNaN(a) +"<br>");

        var jscode = "document.write(isNaN(a))"
        eval(jscode);
    </script>
</head>
<body>
    
</body>
</html>
           
javaScript_對象(function-Array-Date-RegExp-Golbal)
javaScript_對象(function-Array-Date-RegExp-Golbal)

繼續閱讀