站長資訊網
javascript中有內置對象。內置對象是JS語言自帶的一些對象，常見的有：String對象、Array對象、Date對象、Boolean對象、Number對象、Math對象、RegExp對象、Global對象等等。
本教程操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
JavaScript中的對象分為3中：自定義對象、內置對象、瀏覽器對象
前面兩種對象是JS基礎內容，屬于ECMAScript；第三個瀏覽器對象屬于我們JS獨有的
內置對象就是指JS語言自帶的一些對象，這些對象供開發者使用，并提供了一些常用的或是最基本而必要的功能（屬性和方法）
內置對象最大的優點就是幫助我們快速開發
JavaScript提供了多個內置對象，Math、Date、Array、String等
-
String對象：字符串對象，提供了對字符串進行操作的屬性和方法。
-
Array對象：數組對象，提供了數組操作方面的屬性和方法。
-
Date對象：日期時間對象，可以獲取系統的日期時間信息。
-
Boolean對象：布爾對象，一個布爾變量就是一個布爾對象。(沒有可用的屬性和方法)
-
Number對象：數值對象。一個數值變量就是一個數值對象。
-
Math對象：數學對象，提供了數學運算方面的屬性和方法。
-
Object對象
-
RegExp對象
-
Global對象
-
Function對象
-
…..
Math對象
// Math數學對象 不是一個構造函數，所以我們不需要 new來調用 而是直接使用里面的屬性和方法即可 console.log(Math.PI); //一個屬性 圓周率 console.log(Math.max(1, 2, 99)); //99 console.log(Math.max(-1, -12)); //-1 console.log(Math.max(1, 99, '數學對象')); //NaN console.log(Math.max()); //-Infinity
案例：封裝自己的數學對象
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對象不是構造函數，它具有數學常數和函數的屬性和方法。跟數學相關的運行（求絕對值，取整，最大值等）可以使用Math中的成員。
Math.PI //圓周率 Math.floor() //向下取整 Math.ceil() //向上取整 Math.round() //四舍五入版 就近取整 注意-3,5 結果是 -3 Math.abs() //絕對值 Math.max()/Math.min() //求最大和最小值
// 1.絕對值方法 console.log(Math.abs(1)); //1 console.log(Math.abs(-1)); //1 console.log(Math.abs('-1')); //隱式轉換 會把字符串型 -1 轉換為數字型 console.log(Math.abs('wode')); //NaN // 2.三個取整方法 // (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() 四舍五入 其他數字都是四舍五入，但是 .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)); //這個結果是 -1
2隨機數方法 random（）
//1. Math對象隨機數方法 random() 返回一個隨機的小數 0 =< x < 1 //2.這個方法里面不跟參數 // 3.代碼驗證 console.log(Math.random()); // 4.我們想要得到兩個數之間的隨機整數 并且包含這兩個數 // 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.隨機點名 var arr = ['張三', '李四', '王五', '趙六', '張三瘋'] // console.log(arr[0]); // console.log(arr[getRandom(0, 4)]); console.log(arr[getRandom(0, arr.length - 1)]);
案例：猜數字游戲
程序隨機生成一個1~10之間的數字，并讓用戶輸入一個數字，
1.如果大于該數字，就提示，數字大了，繼續猜；
2.如果小于該數字，就提示，數字小了，繼續猜；
3.如果等于該數字，就提示猜對了，結束程序。
// 1.隨機生成一個1~10的整數，我們需要用到Math.random()方法 // 2.需要一直猜到正確為止，所以一直循環 // 3.用while循環合適更簡單 // 4.核心算法：使用if else if 多分支語句來判斷大于，小于，等于 function getRandom(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; } var random = getRandom(1, 10); while (true) { //死循環 var num = prompt('你來猜，輸入1~10之間的一個數字'); if (num > random) { alert('猜大了'); } else if (num < random) { alert('猜小了'); } else { alert('猜對了'); break; } }
// 要求用戶猜1~50之間的一個數字 但是只有10次猜的機會 function getRandom(min, max) { return Math.floor(Math.random() * (max - min + 1)) + min; } var random = getRandom(1, 50); var i = 0; while (i < 10) { //死循環 var num = prompt('你來猜，輸入1~50之間的一個數字'); if (num > random) { alert('猜大了'); } else if (num < random) { alert('猜小了'); } else { alert('猜對了'); break; //退出整個循環結束程序 } i++; } if (i = 10) { alert('全部猜錯了'); }
日期對象
1Date概述
- Date對象和Math對象不一樣，他是一個構造函數，所以我們需要實例化后才能使用
- Date實例用來處理日期和時間
2Date()方法的使用
1.獲取當前時間必須實例化
var now = new Date(); console.log(now);
2.Date()構造函數的參數
如果括號里面有時間，就返回參數里面的時間，例如日期格式字符串為‘2019-5-1’，可以寫成new Date('2019-5-1')或者new Date('2019/5/1')
//Date() 日期對象 是一個構造函數 必須使用new 來調用創建我們的日期對象 var arr = new Date(); //創建一個數組對象 var obj = new Object(); //創建了一個對象實例 // 1.使用Date 如果沒有參數 返回當前系統的當前時間 var date = new Date(); console.log(date); // 2.參數常用的寫法 數字型 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格式的日期，要怎么辦？
需要獲取日期指定的部分，所以我們要手動的得到這種格式
| 方法名 | 說明 | 代碼 |
| getFullYears() | 獲取當年 | dObj.getFullYears() |
| getMonth() | 獲取當月（0-11） | dObj.getMonth() |
| getDate() | 獲取當天日期 | dObj.getDate() |
| getDay() | 獲取星期幾（周日0 到周六6） | dObj.getDay() |
| getHours() | 獲取當前小時 | dObj.getHours() |
| getMinutes() | 獲取當前分鐘 | dObj.getMinutes() |
| getSeconds() | 獲取當前秒數 | dObj.getSeconds() |
// 格式化日期 年月日 var date = new Date(); console.log(date.getFullYear()); //返回當前日期的年 2020 console.log(date.getMonth() + 1); //月份 返回的月份小1個月 記得月份 +1 console.log(date.getUTCDate()); //返回的是幾號 console.log(date.getDay()); //6 周一返回的是 1 周六返回的是 6 但是 周日返回的是 0 // 寫一個 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]); // 格式化日期 時分秒 var date = new Date(); console.log(date.getHours()); //時 console.log(date.getMinutes()); //分 console.log(date.getSeconds()); //秒 // 要求封裝一個函數返回當前的時分秒 格式是 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對象是基于1970年1月1日（世界標準時間）起的毫秒數
我們經常利用總的毫秒數來計算時間，因為它更精確
// 獲取Date總的毫秒數(時間戳) 不是當前時間的毫秒數 而是距離1970年1月1日過了多少毫秒數 // 1.通過 valueOf() getTime() var date = new Date(); console.log(date.valueOf()); //就是 我們現在時間 距離1970.1.1 總的毫秒數 console.log(date.getTime()); // 2.簡單的寫法(最常用的寫法) var date1 = +new Date(); //+new Date() 返回的就是總的毫秒數 console.log(date1); // 3.H5 新增的 獲得總的毫秒數 console.log(Date.now());
案例：倒計時效果
// 倒計時效果 // 1.核心算法：輸入的時間減去現在的時間就是剩余的時間，即倒計時，但是不能拿著時分秒相減，比如05分減去25分，結果會是負數的 // 2.用時間戳來做，用戶輸入時間總的毫秒數減去現在時間的總的毫秒數，得到的就是剩余時間的毫秒數 // 3.把剩余時間總的毫秒數轉換為天、時、分、秒(時間戳轉換為時分秒) // 轉換公式如下： // d = parseInt(總秒數 / 60 / 60 / 24); //計算天數 // h = parseInt(總秒數 / 60 / 60 % 24); //計算小時 // m = parseInt(總秒數 / 60 % 60); //計算分數 // s = parseInt(總秒數 % 60); //計算當前秒數 function countDown(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 + '秒'; } console.log(countDown('2020-5-24 00:00:00')); var date = new Date(); console.log(date);
數組對象
1數組對象的創建
創建數組對象的兩種方式
- 字面量方式
- new Array()
// 創建數組的兩種方式 // 1.利用數組字面量 var arr = [1, 2, 3]; console.log(arr); // 2.利用new Array() // var arr1 = new Array(); //創建了一個空的數組 // var arr1 = new Array(2); //這個2 表示 數組的長度為 2 里面有兩個空的數組元素 var arr1 = new Array(2, 3); //等價于[2,3] 這樣寫表示 里面有2個數組元素 是2和3 console.log(arr1);
2檢測是否為數組
// 翻轉數組 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 這個參數要求必須是數組格式[1,2,3]' } } console.log(reverse([1, 2, 3])); console.log(reverse(1, 2, 3)); //[] // 檢測是否為數組 // (1)instanceof 運算符 它可以用來檢測是否為數組 var arr = []; var obj = {}; console.log(arr instanceof Array); console.log(obj instanceof Array); // (2)Array.isArray(參數); H5新增的方法 IE9以上版本支持 console.log(Array.isArray(arr)); console.log(Array.isArray(obj));
3添加刪除數組元素的方法
