1、內(nèi)置對象介紹

JavaScript組成： ECMAScript | DOM | BOM

ECMAScript： 變量 ， 函數(shù)， 數(shù)據(jù)類型 ，流程控制，內(nèi)置對象

js中的對象： 自定義對象 ， 內(nèi)置對象 ， 瀏覽器對象（不屬于ECMAScript）

1.1 Math對象

提供了一系列與數(shù)學(xué)相關(guān)的方法或?qū)傩?nbsp; ( 靜態(tài)  |  實例)

1.2 Math中的方法

• Math,PI   ---   獲取圓周率
• Math.random()   ---   返回大于等于0小于1之間的隨機(jī)數(shù)

靈活使用：

a：求兩個數(shù)的隨機(jī)數(shù)，并包含這兩個數(shù)：

Math.floor( Math.random() * (max - min + 1) + min );

例子：求 1 到 10之間的隨機(jī)整數(shù)[包括1和10]

function getRondom(min, max) {
            return Math.floor(Math.random() * (max - min + 1) + min);
        }
        var i = getRondom(1,10);
        console.log(i);

b：當(dāng)想要進(jìn)行隨機(jī)排序時，即可使用：

Math.random()- 0.5   精度利用這個弱點(diǎn) 會進(jìn)行隨機(jī)排序

例子：隨機(jī)排序

var arr1 = ["鹿晗", "王俊凱", "蔡徐坤", "彭于晏", "周杰倫", "劉德華", "趙本山"];
        arr1.sort(function(){
            return Math.random() - 0.5;
        });
        console.log(arr1);
 

• Math.floor()   ---   向下取整，返回一個小于當(dāng)前數(shù)字的整數(shù)
• Math.ceil()   ---   向上取整，返回一個大于當(dāng)前數(shù)字的整數(shù)
• Math.round()   ---   四舍五入

特殊情況：

console.log(Math.round(-1.5))//結(jié)果為-1  

• Math.abs()   ---    取絕對值（返回當(dāng)前數(shù)字的絕對值，正整數(shù)）

console.log(Math.abs("1"));    //隱式轉(zhuǎn)換  會把字符串1 轉(zhuǎn)換成數(shù)字型
console.log(Math.abs("fanfan"));    //NaN

• Math.max()   ---   返回一組數(shù)中的最大值 （可以設(shè)置多個參數(shù)，返回其中最大值，參數(shù)不可以是數(shù)組）

console.log(Math.max(1,4,8,35,"fanfan"));   //NaN
  console.log(Math.max());   //-Infinity 

• Math.min()   ---   返回一組數(shù)中的最小值 （可以同時設(shè)置多個參數(shù)，與最大值效果一樣）

console.log(Math.min());   //Infinity 

• Math.sin(x)
• Math.cos(x)   
• Math.tan(x)
• Math.pow(x,y)   ---   返回x的y次冪

1.3 Date對象

用法一：空構(gòu)造函數(shù)

var d = new Date();   //如果沒有參數(shù) 返回當(dāng)前系統(tǒng)的當(dāng)前時間

用法二：傳入日期格式的字符串

 var  d = new Date("1988-8-8 8:8:8")

用法三： 傳入數(shù)字

 var  d = new Date(year, month[day,time,second]);  //必須設(shè)置年和月 中括號內(nèi)的為選填項

注意：月份從0開始，0代表1月

 var date1 = new Date(2019, 10, 01);  //實際是2019年11月1日

獲取當(dāng)前時間的毫秒值：（距離1970 年 1 月 1 日的毫秒數(shù)）

寫法一：

d.valueOf()    

d.getTime()   // 推薦使用 

//獲取當(dāng)前的毫秒值
var date = new Date();
        console.log(date.valueOf());
        console.log(date.getTime());

寫法二：（最常用）

 var date1 = +new Date();  // +new Date()  返回的就是總的毫秒數(shù)

寫法三：

Date.now()   //H5 新方法 有兼容性

2、Date中的方法

• var d = new Date();   ---   日期格式化方法
• d.getSeconds()  //獲取秒
•     d.getMinutes()  //獲取分鐘
•     d.getHours()    //獲取小時
•     d.getDay()      //沒有參數(shù)時 返回當(dāng)前周幾   （0表示周日）0-6

獲取星期幾的方法：

var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
         var day = date.getDay();
         console.log(arr[day]);

• d.getDate()     //沒有參數(shù)時 返回當(dāng)前日
•     d.getMonth()    //沒有參數(shù)時 返回當(dāng)前月份   （從0開始）0-11
•     d.getFullYear()  //沒有參數(shù)時 返回當(dāng)前年份
• d.toString();  //轉(zhuǎn)化成字符串
•     d.toDateString();  //轉(zhuǎn)換成日期字符串
•     d.toTimeString();  //轉(zhuǎn)換成時間字符串
•     d.toLocaleDateString();   //返回本地的日期格式  （不同瀏覽器不同效果）
•     d.toLocaleTimeString();   //返回本地的時間格式  （不同瀏覽器不同效果）

3、經(jīng)典案例：倒計時效果：

function countTime(time) {
            var nowTime = +new Date();
            console.log(nowTime);
            var timer = +new Date(time);
            console.log(timer);
            var times = (timer - nowTime) / 1000;
            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 + "秒"
 
        }
        var i = countTime("2021-11-11 18:00:00");
        console.log(i);

4、Array數(shù)組對象

4.1 數(shù)組的創(chuàng)建

利用數(shù)組字面量：

var arr = [1,2,3];

利用new Array()：

var arr1 = new Array();  //創(chuàng)建一個空的數(shù)組
var arr1 = new Array(2); //這個2 表示 數(shù)組的長度為 2  里面有2個空的數(shù)組元素

var arr1 = new Array(2,3);   // 等價于 [2,3]  這樣寫表示 里面有2個數(shù)組元素 是 2和3

4.2 數(shù)組中的常用方法

判斷變量是不是一個數(shù)組：

• Array.isArray(ary)   //H5新增屬性 ie9以上版本支持
• 參數(shù) instanceof Array

toString()   ---   把數(shù)組轉(zhuǎn)換為字符串，使用逗號分隔

valueOf()   ---    返回數(shù)組對象本身

ary.pop() [常用]    ---   刪除數(shù)組中最后一個字，且會修改數(shù)組的長度  注意：()內(nèi)不跟參數(shù)

ary.shift()  ---   刪除數(shù)組中的第一個元素，修改數(shù)組的長度    注意：()內(nèi)不跟參數(shù)

ary.push() [常用]   ---   該方法有一個返回值，表示數(shù)組最新的長度，該方法中可以設(shè)置多個參數(shù)  在數(shù)組末尾添加一個或者多個

ary.unshift()   ---   在數(shù)組中最開始位置添加一個值

reverse()  ---   翻轉(zhuǎn)數(shù)組

indexOf(content[,index])   ---   返回數(shù)組元素索引的方法  從前查找，它只返回第一個滿足條件的索引號
lastIndexOf()  ---   從數(shù)組的末尾開始找,如果找到,返回索引位置,如果沒有找到返回-1

 join(分隔符)    ---   將數(shù)組中的每一個元素通過一個字符鏈接到一塊(數(shù)組轉(zhuǎn)字符串)   改變字符間的分隔符,  默認(rèn)是","

排序：

arr.sort()   ---   按照個位數(shù)字排序 sort(function(){})

arr.sort(function(a,b){
    return a-b; //升序
})
arr.sort(function(a,b){
    return b-a; //降序
})

concat()  ---   把兩個數(shù)組拼接到一塊,返回一個新數(shù)組

 slice(startindex, endindex)   ---   從當(dāng)前數(shù)組中截取一個新的數(shù)組 第一個參數(shù)表示開始索引位置,第二個參數(shù)代表結(jié)束索引位置

splice(startindex, deletCont, options)   ---   刪除或者替換數(shù)組中的某些值
         第一個參數(shù)代表從哪開始刪除
         第二個參數(shù)代表一共刪除幾個
         第三個參數(shù)代表要替換的值

5、字符串String

1、charAt(index)     ---   獲取指定位置處的字符

2、str[index]     ---   獲取指定位置的字符 （H5中的方法）

3、charCodeAt(index)   ---   返回相應(yīng)索引號的字符ASCII值  判斷用戶按下了哪個鍵

4、concat()   ---   拼接字符串  等效于 +

5、slice(strat,end)   ---   從指定位置開始，截取字符串到結(jié)束位置，end值取不

6、substring(start,end)   ---   從指定位置開始，截取字符串到結(jié)束位置， end值取不到，start能取到

7、substr('截取的起始位置', '截取幾個字符')   //從指定位置開始，截取length長度個字符

8、indexOf(字符)   ---   返回字符在字符串中的位置【首次】

9、lastIndexOf(字符)   ---   從后往前找，只找第一個匹配的字符【尾次】

10、trim()   ---    只能去除字符串前后空白

11、toLocaleUpperCase()  //轉(zhuǎn)化為大寫
    toLocaleLowerCase()  //轉(zhuǎn)化為小寫

12、replace(a,b)   ---   用b替換a
    split()   ---   以一個分割符,將一個字符串串分割成一個數(shù)組（字符串轉(zhuǎn)數(shù)組）

到此這篇關(guān)于Javascript基礎(chǔ)知識中關(guān)于內(nèi)置對象的知識的文章就介紹到這了,更多相關(guān)Javascript內(nèi)置對象介紹內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論