HTML基礎第七課（js原生對象）

原創

2020-06-16 12:33

一、日期對象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script type="text/javascript">
    //Date
        var date =new Date("2016-7-8");
        var date1 =new Date("2016-1-1");
        console.log(date);
         console.log(date1);
        //兩個日期相減，得到的是時間差-毫秒數
        var res = date - date1;
        console.log(res/1000/3600/24+1);

        //獲取
        //get
      console.log(date.getFullYear());

        //設置
        //set
        console.log(date);
        date.setDate(date.getDate +5 );
        console.log(date);


         var date = new Date();
        console.log(date3)
        console.log()
    </script>
</body>
</html>

二、數學對象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>數學對象</title>
</head>
<body>
</body>
<script type="text/javascript">
    //Math
    //屬性
    console.log(Math.PI);//圓周率
    //方法
//生成 0-1的隨機數
    Math.random();

    //abs()返回絕對值
 console.log(Math.abs(-3));
    </script> 
</html>

三、數組對象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>數組對象</title>
</head>
<body>

</body>
<script type="text/javascript">
    //創建數組
var arr1 = [1,2,3];
var arr2 = new Array();
    var arr3 = new Array(5);
    var arr4 = new Array("8");
    var arr5 = new Array(4,5);
    //屬性 length 數組長度
    console.log(arr1,arr2,arr3,arr4,arr5);


    //方法
    //push/pop對數組末尾添加/刪除元素
    arr5.push(6,7,8);
    console.log(arr5.length);

    arr5.pop();
    console.log(arr5.length);
  //unshift/shift 對數組首位添加/刪除元素
     arr5.unshift(1);
    console.log(arr5.length);

    arr5.shift();
    console.log(arr5.length);

  //數組反轉
    var arr6 = [1,2,3,4];
    //數組反轉， 把數組元素的順序反過來
    arr6.reverse();
  console.log(arr6);

    //把數組轉爲字符串
    //join(這裏面填寫的是元素之間的分隔符的);
   var str = arr6.join("+");
    console.log(str);

    //數組的排序
    arr6 = [99,45,78,22,11,1,123];

    arr6.sort(function(a,b){
        return a-b;
    });
    console.log(arr6);
  //splice(index ,length,item1,item2..itemN);
//用後面的item覆蓋前面index和length組成的fan'wei
    var arr7 = [11,22,33,44];
    arr7.splice(1,2,123,456);
    console.log(arr7);
    </script>
</html>

四、正則表達式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>正則表達式</title>
</head>
<body>

</body>
<script type="text/javascript">

    //reg = /正則部分(定義的規則)/正則的屬性
    //g全局匹配 i是否區分大小寫 寫 i不區分 不寫 區分
    var reg = /test/gi
    var str = "hellotesthowareTESTyoutest";
    console.log(str.match(reg));

    // \d 代表數字
    var reg2 = /\d/g;
    var str2 = "lsjf13134j1j4j566j7";
    console.log(str2.match(reg2));

    // \w 單詞字符  數字、字母、下劃線
    var reg3 = /\w/g;
    var str3 = ".a.23;f\495_=1 ;,ai";
    console.log(str3.match(reg3));

    // \t tap鍵的空格符  //一個/
    // .匹配任意字符（除去換行符 \n)
    var reg4 =/./g;
     var str4 = "]\n\t .a.23; f\495_=1 ;,ai";
    console.log(str4.match(reg4));

    //匹配空格字符
    var reg5 = /\s/g;
    console.log(str4.match(reg));


    //量詞 \d{3}匹配三個數字，匹配過之後不會在匹配
    var reg6 = /\d{3}/g;
       var reg6 = /\d{1,3}/g;//匹配一個或者是三個，優先最大
    var str6 = "340423ruh304";
    console.log(str6.match(reg6));
    //方括號

    var reg7 =/[357]/g
    var reg7 =/[2-46-8]/g
    //2346
    //2346裏面的任意一個
    var reg7 =/[2-46]{2}/g
    var str7 = "2339448585187773485852";
    console.log(str7.match(reg7));

    //除去123以外的字符
    var reg8 =/\[^123]/g
    var str8 = "abc1234556";
    console.log(str8.match(reg8));

    //小括號
    var reg9 = /(34)|(32)/g;
        var reg9 = /3(4)|(2)/g;
      var reg9 = /3((4)|(2))/g;
    var str9 = "234553452235532667";
    console.log(str9.match(reg9));

    //開頭和結尾

    //開頭34
    var reg10 = /^34/g
    //結尾34
    var reg10 = /34$/g
    var reg10 =/^34$/g
      var reg10 =/^34{11}$/g
        var reg10 =/^\d{3,6}$/g
    var str10 = "3412033494434023934"
    console.log(str10.match(reg10));

//11位 純數字 1開頭
    //13 14 15 16 17 18
    var reg11 = /^1[3-8]\d{9}$/g;
    var str11 = "13023404918";
    console.log(str11.match(reg11));

    //郵箱
    //(4-10)爲單詞字符 開頭必須爲是字母）@(qq 163). cn com 

    </script>
</html>

發表評論

所有評論

還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.

HTML基礎第七課（js原生對象）

一、日期對象

二、數學對象

三、數組對象

四、正則表達式

Wampserver下載

HTML基礎第七課（js原生對象）

orcal數據庫

HTML基礎第五課（表格，表單，行塊對齊方式）

HTML基礎第四課（2D形變，定位）

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結