js內置對象

来源:https://www.cnblogs.com/SSPOFA/archive/2019/12/08/12007114.html

js內置對象 1. JavaScript中的對象分為3中;自定義對象/內置對象,瀏覽器對象 2. Math對象 Math.PI; 圓周率 Math.floor();向下取整 Math.ceil();向上取整 Math.max();最大值 Math.min();最小值 Math.randon();隨機 ...


js內置對象

  1. JavaScript中的對象分為3中;自定義對象/內置對象,瀏覽器對象

  2. Math對象

    • Math.PI; 圓周率

    • Math.floor();向下取整

    • Math.ceil();向上取整

    • Math.max();最大值

    • Math.min();最小值

    • Math.randon();隨機數

    • 得到一個數之間的隨機整數,包括兩個數在內

      function getRandomIntInclusive(min,max){
          return Math.floor(Math.random()*(max - min + 1)) + min;
      }
  3. Date() 日期對象 是一個構造函數 必須使用new 來調用創建

    • var date = new Date();
      console.log(date);//Wed Dec 04 2019 20:17:25 GMT+0800 (中國標準時間)
      var date1 = new Date(2019,10,1);//數字型 Fri Nov 01 2019 00:00:00 GMT+0800 (中國標準時間)
      console.log(new Date('2019-10-1 20:25:30'));//Tue Oct 01 2019 20:25:30 GMT+0800 (中國標準時間)
    • Date()方法的使用

      • 獲取當前時間必須實例化
      • Date()構造函數的參數
        • 如果括弧裡面有時間,就返回參數裡面的時間。例如日期格式字元串為‘2019-5-1’,可以寫成new Date('2019-5-1')或者new Date('2019/5/1')
    • 日期格式化

      • console.log(console.log(new Date().getFullYear());//輸出當前年
        方法名 說明 代碼
        getFullYear() 獲取當前年 new Date().getFullYear();
        getMonth() 獲取當前月(0-11) new Date().getMonth();
        getDate() 獲取當天日期 new Date().getDate();
        getDay() 獲取星期幾(周日0 到周六6) new Date().getDay();
        getHours() 獲取當前小時 new Date().getHours();
        getMinutes() 獲取當前分鐘 new Date().getMinutes();
        getSeconds() 獲取當前秒鐘 new Date().getSeconds();
    • console.log(new Date().valueOf());//1575543088420 現在據1970.01.01 00:00:00 總的毫秒數
      console.log(new Date().getTime());
      console.log(+new Date());
      console.log(Date.now());
  4. 倒計時案例

    • 核心演算法:輸入的時間減去現在的時間就是剩餘的時間,及倒計時,但是不能拿著時分秒相減,比如05分減去25分,結果會是負數。

    • 用時間戳來做。用戶輸入時間總的毫秒數減去現在時間的總的毫秒數,得到的就是剩餘時間的毫秒數。

    • 把剩餘時間總的毫秒數轉為天、時、分、秒(時間戳轉換為時分秒)

      • 轉換公式:

        • d=parseInt(總秒數/60/60/24);//計算天數
        • h=parseInt(總秒數/60/60%24);//計算小時
        • m=parseInt(總秒數/60%60);//計算分數
        • s=parseInt(總秒數%60);//計算當前秒數
      • function conutDown(time){
            var nowTime= +new Date();// 返回的是當前時間總的毫秒數
            var inputTime = +new Date(time);// 返回的時用戶輸入時間總的毫秒數
            var times = (inputTime - nowTime) / 1000;//times是剩餘時間總的秒數
        
            var d=parseInt(times/60/60/24);//計算天數
            d = d< 10 ? '0' + d : d;
            var h=parseInt(times/60/60%24);//計算小時
            h = h < 10 ? '0' + h : h;
            var m=parseInt(times/60%60);//計算分數
            m = m < 10 ? '0' + m : m;
            var s=parseInt(times%60);//計算當前秒數
            s = s < 10 ? '0' + s : s;
            return d + '天' + h + '時' + m + '分' + s + '秒';
        }
  5. Array()

    • 創建數組的方式

      • 利用字面量
        • var arr =[];
      • 利用new Array()
        • var arr=new Array(); //創建了一個空數組
        • var arr=new Array(2); //表示數組長度為2 裡面有2個空的數組元素
        • var arr=new Array(2,3); //等價於[2,3] 這樣寫表示 裡面有2個數組元素 是 2和3
    • 檢測是否為數組

      • instanceof 元算符 它可以用來檢測是否為數組

      • var arr=[];
        var obj={};
        console.log(arr instanceof Array); //true
        console.log(obj instanceof Array); //false
      • Array.isArray(參數);

    • 添加刪除數組元素方法

      • push() 在數組的末尾 添加一個或多個數組元素

        var arr =[1,2,3];
        arr.push(4);

        【註意】

        • push 是可以給數組追加新的元素
        • push()參數直接寫 數組元素
        • push 完畢之後 ,返回的結果是 新數組的長度
        • 原數組也會發生變化
      • unshift 在數組的開頭 添加一個或多個數組元素

        方法名 說明 返回值
        push(參數1.。。) 在數組的末尾 添加一個或多個數組元素 新數組的長度
        pop() 刪除數組最後一個元素,把數組長度減一 無參數 修改原數組 返回刪除的元素值
        unshift(參數1.。) 在數組的開頭 添加一個或多個數組元素 返回新數組的長度
        shift() 刪除數組的第一個元素,數組長度減1 無參數/修改原數組 並返回第一個元素的值
    • 數組排序

      方法名 說明 是否修改原數組
      reverse() 點到數組中元素的順序,無參數 該方法會改變原來的數組 返回新數組
      sort() 對數組的元素進行排序 該方法會改變原來的數組 返回新數組
    • 數組索引方法

      方法名 說明 返回值
      indexOf() 數組中查找給定元素的第一個索引 如果存在返回索引號 如果不存在,則返回-1
      lastIndexOf() 在數組中的最後一個索引 如果存在返回索引號 如果不存在,則返回-1
    • 數組去重案例

      • //核心演算法:我們遍歷就數組,然後拿就數組元素去查詢新數組,如果該元素中在新數組中沒有添加,有就不添加
        function unique(arr){
            var newArr=[];
            for (var i = 0 ; i <arr.length; i++){
                if(newArr.indexOf(arr[i] === -1)){
                    newArr.push(arr[i]);
                }
            }
            return newArr;
        }
    • 數組轉換為字元串

      方法名 說明 返回值
      toString() 把數組轉換成字元串,逗號分隔每一項 返回一個字元串
      join('分隔符') 方法用於把數組中的所有元素轉換為一個字元串
  6. 字元串對象

    • 字元串所有的方法,都不會修改字元串本身(字元串是不可變的)

    • var str = "abcd,abcd";
      console.log(str.indexOf('c'));//2
    • 案例:返回某個字元出現的位置以及次數

      • 核心演算法:先查找第一個o出現的位置

      • 然後 只要indexOf返回的結果不是-1就繼續往後查找

      • 因為indexOf只能查找到第一個,所以後面的查找,利用第二個參數,當前索引加1,從而繼續查找

      • var str="abcoefoxyozzopp";
        var index =str.indexOf('o');
        while(index !== -1){
            console.log(index);
            str.indexOf('o',[index+1]);
        }
    • 根據位置返回字元(重點)

      方法名 說明 使用
      charAt(index) 返回指定位置的字元(index 字元串的索引號) str.charAt(0)
      charCodeAt(index) 獲取指定位置處字元的ASCII碼(index索引號) str.charCodeAt(0)
      str[index] 獲取指定位置處字元 HTML5,IE8+和charAt()等效
    • 字元串操作方法

      方法名 說明
      concat(str1,str2,str3...) concat()方法用於連接兩個或多個字元串。拼接字元串,等效與+,+更常用
      substr(start,length) 從start位置開始(索引號),length取的個數
      slice(start,end) 從start位置開始,截取end位置,end取不到
      substring(start,end) 從start位置開始,截取到end位置,end取不到 基本和slice相同 但是不接受負值
    • 替換字元

      • replace(‘被替換的字元’,‘替換的字元’)
    • 字元串轉換為數組 split("分隔符")


您的分享是我們最大的動力!

更多相關文章
一周排行
  • 比如要拆分“呵呵呵90909086676喝喝999”,下麵當type=0返回的是中文字元串“呵呵呵,喝喝”,type=1返回的是數字字元串“90909086676,999”, private string GetStrings(string str,int type=0) { IList<strin ...
  • Swagger一個優秀的Api介面文檔生成工具。Swagger可以可以動態生成Api介面文檔,有效的降低前後端人員關於Api介面的溝通成本,促進項目高效開發。 1、使用NuGet安裝最新的包:Swashbuckle.AspNetCore。 2、編輯項目文件(NetCoreTemplate.Web.c ...
  • 2020 年 7 月 30 日, 由.NET基金會和微軟 將舉辦一個線上和為期一天的活動,包括 微軟 .NET 團隊的演講者以及社區的演講者。本次線上大會 專註.NET框架構建微服務,演講者分享構建和部署雲原生應用程式的最佳實踐、模式、提示和技巧。有關更多信息和隨時瞭解情況:https://focu... ...
  • #abp框架Excel導出——基於vue #1.技術棧 ##1.1 前端採用vue,官方提供 UI套件用的是iview ##1.2 後臺是abp——aspnetboilerplate 即abp v1,https://github.com/aspnetboilerplate/aspnetboilerp ...
  • 前言 本文的文字及圖片來源於網路,僅供學習、交流使用,不具有任何商業用途,版權歸原作者所有,如有問題請及時聯繫我們以作處理。 作者:碧茂大數據 PS:如有需要Python學習資料的小伙伴可以加下方的群去找免費管理員領取 input()輸入 Python提供了 input() 內置函數從標準輸入讀入一 ...
  • 從12年到20年,python以肉眼可見的趨勢超過了java,成為了當今It界人人皆知的編程語言。 python為什麼這麼火? 網路編程語言搜索指數 適合初學者 Python具有語法簡單、語句清晰的特點,這就讓初學者在學習階段可以把精力集中在編程對象和思維方法上。 大佬都在用 Google,YouT ...
  • 在社會上存在一種普遍的對培訓機構的學生一種歧視的現象,具體表現在,比如:當你去公司面試的時候,一旦你說了你是培訓機構出來的,那麼基本上你就涼了,那麼你瞞著不說,然後又通過了面試成功入職,但是以後一旦在公司被髮現有培訓經歷,可能會面臨被降薪,甚至被辭退,培訓機構出來的學生,在用人單位眼裡就是能力低下的 ...
  • from typing import List# 這道題看了大佬寫的代碼,經過自己的理解寫出來了。# 從最外圍的四周找有沒有為O的,如果有的話就進入深搜函數,然後深搜遍歷# 判斷上下左右的位置是否為Oclass Solution: def solve(self, board: List[List[s ...
  • import requests; import re; import os; # 1.請求網頁 header = { "user-agent":'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537.36 (KHTML, li ...
  • import requests; import re; import os; import parsel; 1.請求網頁 header = { "user-agent":'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/537. ...