javascript中有內(nèi)置對(duì)象。內(nèi)置對(duì)象是JS語言自帶的一些對(duì)象，常見的有：String對(duì)象、Array對(duì)象、Date對(duì)象、Boolean對(duì)象、Number對(duì)象、Math對(duì)象、RegExp對(duì)象、Global對(duì)象等等。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

JavaScript中的對(duì)象分為3中：自定義對(duì)象、內(nèi)置對(duì)象、瀏覽器對(duì)象

前面兩種對(duì)象是JS基礎(chǔ)內(nèi)容，屬于ECMAScript；第三個(gè)瀏覽器對(duì)象屬于我們JS獨(dú)有的

內(nèi)置對(duì)象就是指JS語言自帶的一些對(duì)象，這些對(duì)象供開發(fā)者使用，并提供了一些常用的或是最基本而必要的功能（屬性和方法）

內(nèi)置對(duì)象最大的優(yōu)點(diǎn)就是幫助我們快速開發(fā)

JavaScript提供了多個(gè)內(nèi)置對(duì)象，Math、Date、Array、String等

• String對(duì)象：字符串對(duì)象，提供了對(duì)字符串進(jìn)行操作的屬性和方法。

• Array對(duì)象：數(shù)組對(duì)象，提供了數(shù)組操作方面的屬性和方法。

• Date對(duì)象：日期時(shí)間對(duì)象，可以獲取系統(tǒng)的日期時(shí)間信息。

• Boolean對(duì)象：布爾對(duì)象，一個(gè)布爾變量就是一個(gè)布爾對(duì)象。(沒有可用的屬性和方法)

• Number對(duì)象：數(shù)值對(duì)象。一個(gè)數(shù)值變量就是一個(gè)數(shù)值對(duì)象。

• Math對(duì)象：數(shù)學(xué)對(duì)象，提供了數(shù)學(xué)運(yùn)算方面的屬性和方法。

• Object對(duì)象

• RegExp對(duì)象

• Global對(duì)象

• Function對(duì)象

• …..

Math對(duì)象

// Math數(shù)學(xué)對(duì)象 不是一個(gè)構(gòu)造函數(shù)，所以我們不需要 new來調(diào)用 而是直接使用里面的屬性和方法即可         console.log(Math.PI); //一個(gè)屬性 圓周率         console.log(Math.max(1, 2, 99)); //99         console.log(Math.max(-1, -12)); //-1         console.log(Math.max(1, 99, '數(shù)學(xué)對(duì)象')); //NaN         console.log(Math.max()); //-Infinity

案例：封裝自己的數(shù)學(xué)對(duì)象

var myMath = {             PI: 3.141592653,             max: function() {                 var max = arguments[0];                 for (var i = 1; i < arguments.length; i++) {                     if (arguments[i] > max) {                         max = arguments[i];                     }                 }                 return max;             },             min: function() {                 var min = arguments[0];                 for (var i = 1; i < arguments.length; i++) {                     if (arguments[i] < min) {                         min = arguments[i];                     }                 }                 return min;             }         }         console.log(myMath.PI);         console.log(myMath.max(1, 5, 9));         console.log(myMath.min(1, 5, 9));

1Math概述

Math對(duì)象不是構(gòu)造函數(shù)，它具有數(shù)學(xué)常數(shù)和函數(shù)的屬性和方法。跟數(shù)學(xué)相關(guān)的運(yùn)行（求絕對(duì)值，取整，最大值等）可以使用Math中的成員。

Math.PI                 //圓周率 Math.floor()           //向下取整 Math.ceil()            //向上取整 Math.round()           //四舍五入版  就近取整 注意-3,5  結(jié)果是 -3 Math.abs()             //絕對(duì)值 Math.max()/Math.min()  //求最大和最小值

// 1.絕對(duì)值方法         console.log(Math.abs(1));    //1         console.log(Math.abs(-1));   //1         console.log(Math.abs('-1')); //隱式轉(zhuǎn)換 會(huì)把字符串型 -1 轉(zhuǎn)換為數(shù)字型         console.log(Math.abs('wode')); //NaN  // 2.三個(gè)取整方法 // (1)Math.floor()  地板 向下取整 往最小了取整         console.log(Math.floor(1.1));   //1         console.log(Math.floor(1.9));   //1 // (2)Math.ceil()   ceil 天花板 向上取整 往最大了取整         console.log(Math.ceil(1.1));   //2         console.log(Math.ceil(1.9));   //2 // (3)Math.round()   四舍五入  其他數(shù)字都是四舍五入，但是 .5特殊，它往大了取         console.log(Math.round(1.1));   //1         console.log(Math.round(1.5));   //2         console.log(Math.round(1.9));   //2         console.log(Math.round(-1.1));   //-1         console.log(Math.round(-1.5));   //這個(gè)結(jié)果是 -1

2隨機(jī)數(shù)方法 random（）

//1. Math對(duì)象隨機(jī)數(shù)方法 random() 返回一個(gè)隨機(jī)的小數(shù)  0 =< x < 1 //2.這個(gè)方法里面不跟參數(shù) // 3.代碼驗(yàn)證         console.log(Math.random()); // 4.我們想要得到兩個(gè)數(shù)之間的隨機(jī)整數(shù) 并且包含這兩個(gè)數(shù)         // return Math.floor(Math.random() * (max - min + 1)) + min;          function getRandom(min, max) {             return Math.floor(Math.random() * (max - min + 1)) + min;         }         console.log(getRandom(1, 10)); // 5.隨機(jī)點(diǎn)名         var arr = ['張三', '李四', '王五', '趙六', '張三瘋']             // console.log(arr[0]);             // console.log(arr[getRandom(0, 4)]);         console.log(arr[getRandom(0, arr.length - 1)]);

案例：猜數(shù)字游戲

程序隨機(jī)生成一個(gè)1~10之間的數(shù)字，并讓用戶輸入一個(gè)數(shù)字，

1.如果大于該數(shù)字，就提示，數(shù)字大了，繼續(xù)猜；

2.如果小于該數(shù)字，就提示，數(shù)字小了，繼續(xù)猜；

3.如果等于該數(shù)字，就提示猜對(duì)了，結(jié)束程序。

// 1.隨機(jī)生成一個(gè)1~10的整數(shù)，我們需要用到Math.random()方法 // 2.需要一直猜到正確為止，所以一直循環(huán) // 3.用while循環(huán)合適更簡單 // 4.核心算法：使用if else if 多分支語句來判斷大于，小于，等于         function getRandom(min, max) {             return Math.floor(Math.random() * (max - min + 1)) + min;         }         var random = getRandom(1, 10);         while (true) { //死循環(huán)             var num = prompt('你來猜，輸入1~10之間的一個(gè)數(shù)字');             if (num > random) {                 alert('猜大了');             } else if (num < random) {                 alert('猜小了');             } else {                 alert('猜對(duì)了');                 break;             }         }

// 要求用戶猜1~50之間的一個(gè)數(shù)字 但是只有10次猜的機(jī)會(huì)         function getRandom(min, max) {             return Math.floor(Math.random() * (max - min + 1)) + min;         }         var random = getRandom(1, 50);         var i = 0;         while (i < 10) { //死循環(huán)             var num = prompt('你來猜，輸入1~50之間的一個(gè)數(shù)字');             if (num > random) {                 alert('猜大了');             } else if (num < random) {                 alert('猜小了');             } else {                 alert('猜對(duì)了');                 break; //退出整個(gè)循環(huán)結(jié)束程序             }             i++;         }         if (i = 10) {             alert('全部猜錯(cuò)了');         }

日期對(duì)象

1Date概述

• Date對(duì)象和Math對(duì)象不一樣，他是一個(gè)構(gòu)造函數(shù)，所以我們需要實(shí)例化后才能使用
• Date實(shí)例用來處理日期和時(shí)間

2Date()方法的使用

1.獲取當(dāng)前時(shí)間必須實(shí)例化

var now = new Date(); console.log(now);

2.Date()構(gòu)造函數(shù)的參數(shù)

如果括號(hào)里面有時(shí)間，就返回參數(shù)里面的時(shí)間，例如日期格式字符串為‘2019-5-1’，可以寫成new Date('2019-5-1')或者new Date('2019/5/1')

//Date() 日期對(duì)象 是一個(gè)構(gòu)造函數(shù) 必須使用new 來調(diào)用創(chuàng)建我們的日期對(duì)象         var arr = new Date(); //創(chuàng)建一個(gè)數(shù)組對(duì)象         var obj = new Object(); //創(chuàng)建了一個(gè)對(duì)象實(shí)例 // 1.使用Date  如果沒有參數(shù) 返回當(dāng)前系統(tǒng)的當(dāng)前時(shí)間         var date = new Date();         console.log(date); // 2.參數(shù)常用的寫法 數(shù)字型 2019,10,01 或者是 字符串型 '2019-10-1 8:8:8'         var date1 = new Date(2019, 10, 1);         console.log(date1);  //返回的是 11月 不是 10月         var date2 = new Date('2019-10-1 8:8:8');         console.log(date2);

3日期格式化

我們想要2019-8-8 8:8:8格式的日期，要怎么辦？

需要獲取日期指定的部分，所以我們要手動(dòng)的得到這種格式

// 格式化日期  年月日         var date = new Date();         console.log(date.getFullYear()); //返回當(dāng)前日期的年 2020         console.log(date.getMonth() + 1); //月份 返回的月份小1個(gè)月 記得月份 +1         console.log(date.getUTCDate()); //返回的是幾號(hào)         console.log(date.getDay()); //6 周一返回的是 1  周六返回的是 6 但是 周日返回的是 0 // 寫一個(gè) 2020年 5月 23日 星期六         var year = date.getFullYear();         var month = date.getMonth() + 1;         var dates = date.getDate();         var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];         var day = date.getDay();         console.log('今天是：' + year + '年' + month + '月' + dates + '日 ' + arr[day]);          // 格式化日期 時(shí)分秒         var date = new Date();         console.log(date.getHours()); //時(shí)         console.log(date.getMinutes()); //分         console.log(date.getSeconds()); //秒 // 要求封裝一個(gè)函數(shù)返回當(dāng)前的時(shí)分秒  格式是 08:08:08         function getTimer() {             var time = new Date();             var h = date.getHours();             h = h < 10 ? '0' + h : h;             var m = date.getMinutes();             m = m < 10 ? '0' + m : m;             var s = date.getSeconds();             s = s < 10 ? '0' + s : s;             return h + ':' + m + ':' + s;         }         console.log(getTimer());

4獲取日期的總的毫秒形式

Date對(duì)象是基于1970年1月1日（世界標(biāo)準(zhǔn)時(shí)間）起的毫秒數(shù)

我們經(jīng)常利用總的毫秒數(shù)來計(jì)算時(shí)間，因?yàn)樗_

// 獲取Date總的毫秒數(shù)(時(shí)間戳) 不是當(dāng)前時(shí)間的毫秒數(shù) 而是距離1970年1月1日過了多少毫秒數(shù) // 1.通過 valueOf()   getTime()         var date = new Date();         console.log(date.valueOf()); //就是 我們現(xiàn)在時(shí)間 距離1970.1.1 總的毫秒數(shù)         console.log(date.getTime()); // 2.簡單的寫法(最常用的寫法)         var date1 = +new Date(); //+new Date() 返回的就是總的毫秒數(shù)         console.log(date1); // 3.H5 新增的 獲得總的毫秒數(shù)         console.log(Date.now());

案例：倒計(jì)時(shí)效果

// 倒計(jì)時(shí)效果 // 1.核心算法：輸入的時(shí)間減去現(xiàn)在的時(shí)間就是剩余的時(shí)間，即倒計(jì)時(shí)，但是不能拿著時(shí)分秒相減，比如05分減去25分，結(jié)果會(huì)是負(fù)數(shù)的 // 2.用時(shí)間戳來做，用戶輸入時(shí)間總的毫秒數(shù)減去現(xiàn)在時(shí)間的總的毫秒數(shù)，得到的就是剩余時(shí)間的毫秒數(shù) // 3.把剩余時(shí)間總的毫秒數(shù)轉(zhuǎn)換為天、時(shí)、分、秒(時(shí)間戳轉(zhuǎn)換為時(shí)分秒) // 轉(zhuǎn)換公式如下： // d = parseInt(總秒數(shù) / 60 / 60 / 24); //計(jì)算天數(shù) // h = parseInt(總秒數(shù) / 60 / 60 % 24); //計(jì)算小時(shí) // m = parseInt(總秒數(shù) / 60 % 60); //計(jì)算分?jǐn)?shù) // s = parseInt(總秒數(shù) % 60); //計(jì)算當(dāng)前秒數(shù)         function countDown(time) {             var nowTime = +new Date(); //返回的是當(dāng)前時(shí)間總的毫秒數(shù)             var inputTime = +new Date(time); //返回的是用戶輸入時(shí)間總的毫秒數(shù)             var times = (inputTime - nowTime) / 1000; //times是剩余時(shí)間總的秒數(shù)             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); //當(dāng)前秒數(shù)             s = s < 10 ? '0' + s : s;             return d + '天' + h + '時(shí)' + m + '分' + s + '秒';         }         console.log(countDown('2020-5-24 00:00:00'));         var date = new Date();         console.log(date);

數(shù)組對(duì)象

1數(shù)組對(duì)象的創(chuàng)建

創(chuàng)建數(shù)組對(duì)象的兩種方式

• 字面量方式
• new Array()

// 創(chuàng)建數(shù)組的兩種方式 // 1.利用數(shù)組字面量         var arr = [1, 2, 3];         console.log(arr); // 2.利用new Array()         // var arr1 = new Array(); //創(chuàng)建了一個(gè)空的數(shù)組         // var arr1 = new Array(2); //這個(gè)2 表示 數(shù)組的長度為 2 里面有兩個(gè)空的數(shù)組元素         var arr1 = new Array(2, 3); //等價(jià)于[2,3] 這樣寫表示 里面有2個(gè)數(shù)組元素 是2和3         console.log(arr1);

2檢測(cè)是否為數(shù)組

// 翻轉(zhuǎn)數(shù)組         function reverse(arr) {             // if (arr instanceof Array) {             if (Array.isArray(arr)) {                 var newArr = [];                 for (var i = arr.length - 1; i >= 0; i--) {                     newArr[newArr.length] = arr[i];                 }                 return newArr;             } else {                 return 'error 這個(gè)參數(shù)要求必須是數(shù)組格式[1,2,3]'             }         }         console.log(reverse([1, 2, 3]));         console.log(reverse(1, 2, 3)); //[] // 檢測(cè)是否為數(shù)組 // (1)instanceof 運(yùn)算符 它可以用來檢測(cè)是否為數(shù)組         var arr = [];         var obj = {};         console.log(arr instanceof Array);         console.log(obj instanceof Array); // (2)Array.isArray(參數(shù));  H5新增的方法 IE9以上版本支持         console.log(Array.isArray(arr));         console.log(Array.isArray(obj));

3添加刪除數(shù)組元素的方法

方法名	說明	返回值
push(參數(shù)1…)	末尾添加一個(gè)或多個(gè)元素，注意修改原數(shù)組	并返回新的長度
pop()	刪除數(shù)組最后一個(gè)元素，把數(shù)組長度減 1 無參數(shù)，修改原數(shù)組	返回它刪除的元素的值
unshift(參數(shù)1…)	向數(shù)組的開頭添加一個(gè)或 贊(0) 分享到： 更多 (0) 標(biāo)簽：IE9javajavaScriptlistpushWindows7Windows7系統(tǒng)瀏覽器電腦 相關(guān)推薦 從SEO到KOC：老站長轉(zhuǎn)型自媒體的3個(gè)認(rèn)知大關(guān) 海外廣告聯(lián)盟評(píng)測(cè)：日付平臺(tái)與CPV模式如何高效變現(xiàn)？ 什么是遞歸解析服務(wù)器？與其他DNS服務(wù)器有啥區(qū)別 什么是遞歸解析服務(wù)器？與其他DNS服務(wù)器有啥區(qū)別 個(gè)人站長消亡論？從“消失”到“重生”的三大破局路徑 如何監(jiān)控RAKsmart CDN的性能? 自媒體人搭建直播服務(wù)器使用raksmart優(yōu)化技巧 華納云高防服務(wù)器3.6折起低至1188元/月，企業(yè)級(jí)真實(shí)防御20G`T級(jí)，自營機(jī)房一手服務(wù)器資源 熱門標(biāo)簽 word (73808)互聯(lián)網(wǎng)+ (37961)AI (33736)電腦 (26437)app (22713)php (21419)java (19487)美國 (18376)javaScript (17290)蘋果 (15835)5G (15558)處理器 (12925)華為 (11937)人工智能 (11723)大數(shù)據(jù) (11299)服務(wù)器 (11228)list (10960)營銷 (10843)內(nèi)存 (10013)三星 (9977)微軟 (9924)谷歌 (9691)智能手機(jī) (9681)微信 (9341)騰訊 (9215)電商 (8777)百度 (8578)汽車 (8313)直播 (8264)set (8233) 近期文章 香港idc機(jī)房托管價(jià)格 租用服務(wù)器帶寬預(yù)估大小怎么算？一文讀懂核心邏輯與實(shí)用技巧 帝恩思：數(shù)字安全領(lǐng)域的領(lǐng)航者 raksmart海外大帶寬服務(wù)器連接失敗怎么處理 AI工具導(dǎo)航網(wǎng)站，未來的發(fā)展前景怎么樣？ 多線服務(wù)器具有什么優(yōu)勢(shì)？5大隱藏優(yōu)勢(shì)告別單線卡頓 在RAKsmart服務(wù)器上怎么管理數(shù)據(jù)科學(xué)工作流 機(jī)房托管業(yè)務(wù)包括哪些 in域名可以在哪查詢？查詢方法一覽 raksmart日本云服務(wù)器產(chǎn)品優(yōu)勢(shì) 2025年7月 一 二 三 四 五 六 日 « 6月       1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31   網(wǎng)站地圖   滬ICP備18035694號(hào)-2    滬公網(wǎng)安備31011702889846號(hào)