JS基礎-內置對象【字符串+Date+Math】

時間 2020-01-01

原文原文鏈接

JS內置對象【字符串】html

       // charAt() 返回字符
       // charCodeAt() 返回字符的unicode編碼
       var str="hello world";
       console.log(str.charCodeAt(4));
       // indexOf() 返回出現的位置
       // 沒找到則返回-1
       var email="marry.mail@sohu.com";
       console.log(email.indexOf("o"));
       console.log(email.lastIndexOf("."));
       var str="hello world";

案例：對用戶輸入內容的輸入框進行排查，看有沒有敏感字「草」字數組

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>搜索內容是否有敏感字"草"</title>
</head>
<body>
<script>
  //補充代碼
  var str=prompt('請輸入要搜索的內容！');
  var start=0;
  var first='';
  var key=0;
  first=str.indexOf('草');

  while(str.indexOf('草',start)!=-1){
      key=str.indexOf('草',start);
      document.write('敏感字在'+key+'位置被發現<br>');
      start=key+1;
  }

  document.write('敏感字首次出現的位置是：'+first);
</script>
</body>
</html>

       // slice(start,end)截取字符串
       var str="hello world";
       console.log(str.slice(7,10));
       console.log(str.slice(1));
       //負數=總長度+該負數
       console.log(str.slice(-3));
       console.log(str.slice(-7,-2)); 
       // substring(start,end)與slice(start,end)相似，參數爲負數自動轉爲0
       // 將小的數做爲開始，大的數做爲結束
       console.log(str.substring(-7,5)); //(0,5)
       console.log(str.substring(2,-5)); //(0,2)
       str.substring(6,9)
       // substr(start,len)
       // len爲負數則返回空字符串
       console.log(str.substr(6,3));
       console.log(str.substr(-5,4));  // (6,4)
       console.log(str.substr(3,-4));

判斷出「JavaScript」這個字符出現的位置，以及它在這段話中總共出現了幾回瀏覽器

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
       var str='JavaScript 是屬於網絡的腳本語言！JavaScript 被數百萬計的網頁用來改進設計、驗證表單、檢測瀏覽器、建立cookies，以及更多的應用。JavaScript 是因特網上最流行的腳本語言。JavaScript很容易使用！你必定會喜歡它的！';
       var count=0;
       var key=0;

       while(str.indexOf('J',key)!=-1){
           key=str.indexOf('J',key);  
           var target=str.substr(key,10);
           count++;
           if(target=='JavaScript'){
              document.write('JavaScript第'+count+'次出現是在'+key+'的位置<br>');
           }
           key++;
       }
        document.write('JavaScript在這段話中一共出現了'+count+'次');
    </script>
</body>
</html>

       // 獲取擴展名
       var url="http://baidu.com/index.txt";
       function getFileFormat(url){
          // 獲取.在url中出現的位置
          var pos=url.lastIndexOf(".");
          //return url.substr(pos);
          return url.substr(pos+1);
       }
       var formatName=getFileFormat(url);
       var picFormat=getFileFormat("1231434.jpg")
       console.log(formatName);
       console.log(picFormat);

              // split()分割字符串 replace()替換字符串
              var str='welcome-to-beijing';
              //使用split將str轉換爲數組
              //若是中間是用空字符串（''）拆分，那麼字符串中的每一個字符之間都會被分割
              var arr=str.split("-");
              var date='2019/12/31';
              //["welcome","to","beijing"]
              var dateArr=date.split("/");
              console.log(dateArr);
              console.log(arr);
              //replace()替換
              var tel='010-62971268,400-100-9098,010-86789889';
              //newTel被替換以後的字符串
              var newTel=tel.replace(',',"  ");
              console.log(newTel);

將連字符轉駝峯法表示cookie

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
       function camelback(str){
              //經過-分隔符將str拆分紅數組
              var arr=str.split("-"),newStr=arr[0];
              for(var i=1,len=arr.length;i<len;i++){
                     var word=arr[i];
                     //將每個單詞的首字母轉換爲大寫
                     newStr+=word.charAt(0).toUpperCase()+word.substr(1);
                     // console.log(newStr)
              }
              return newStr;
       }
       var camelFormat=camelback("border-left-color");
       console.log(camelFormat)
    </script>
</body>
</html>

JS內置對象【Math】網絡

生成一個n到m之間的隨機整數dom

var random=Math.random();
       console.log(random);
       // 生成一個n到m之間的隨機整數
       function getRandom(n,m){
          var choise=m-n+1;  // 隨機整數的個數
          return Math.floor(Math.random()*choise+n);
       }
       var random1=getRandom(2,6);
       var random2=getRandom(10,88);

JS內置對象【date】編碼

       // 建立一個日期時間對象
       var weeks=["日","一","二","三","四","五","六"],
           today=new Date(),
           year=today.getFullYear(),
           month=today.getMonth()+1,
           date=today.getDate(),
           week=today.getDay(),
           hours=today.getHours(),
           minutes=today.getMinutes(),
           seconds=today.getSeconds(),
           times=today.getTime(),
           time=year+'年'+month+'月'+date+'日'+hours+'時'+minutes+'分'+seconds+'秒 星期'+weeks[week];
       console.log("如今是："+time);
       console.log(times);

        // 建立一個日期時間對象
        //setMonth（）是用來設置月份，月份的數值是介於0~11之間，若是數字大於11，那麼方法會自動日後順延一年
        var today=new Date();
        today.setFullYear(2017);
        today.setMonth(15);
        console.log(today.getFullYear());
        //  50天以後是星期
        // 第一種作法
        today.setDate(today.getDate()+50);
        console.log(today.getDay());
        // 第二種作法
        var weeks=["日","一","二","三","四","五","六"];
        var year=today.getFullYear();
        var month=today.getMonth();
        var day=today.getDate();
        // 建立了一個目標日期對象,年,月,日,時,分,秒
        var temp=new Date(year+1,month,day);
        console.log("50天后的今天是："+temp.getFullYear()+'-'+(temp.getMonth()+1)+'-'+temp.getDate()+'-'+'星期'+weeks[temp.getDay()]);

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。