js內置物件

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("分隔符")

標籤：JavaScript

上一篇：js的模糊查詢

下一篇：簡單看看es6解構賦值