Javascript基礎(chǔ)知識中關(guān)于內(nèi)置對象的知識
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之間的隨機數(shù)
靈活使用:
a:求兩個數(shù)的隨機數(shù),并包含這兩個數(shù):
Math.floor( Math.random() * (max - min + 1) + min );
例子:求 1 到 10之間的隨機整數(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)想要進行隨機排序時,即可使用:
Math.random()- 0.5 精度利用這個弱點 會進行隨機排序
例子:隨機排序
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)字符串) 改變字符間的分隔符, 默認是","
排序:
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)文章希望大家以后多多支持腳本之家!
- JavaScript內(nèi)置對象介紹
- JavaScript為內(nèi)置對象添加原型方法實現(xiàn)
- JavaScript常用內(nèi)置對象用法分析
- JavaScript內(nèi)置對象math,global功能與用法實例分析
- 詳解JavaScript的內(nèi)置對象
- 淺談js常用內(nèi)置方法和對象
- 深入理解JavaScript單體內(nèi)置對象
- javascript內(nèi)置對象操作詳解
- jsp內(nèi)置對象及方法詳細介紹
- JavaScript 內(nèi)置對象屬性及方法集合
- javascript對象之內(nèi)置對象Math使用方法
- JavaScript中的內(nèi)置對象介紹
相關(guān)文章
rollup打包引發(fā)對JS模塊循環(huán)引用思考
這篇文章主要為大家介紹了rollup打包引發(fā)的對JS模塊循環(huán)引用的思考,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-08-08
微信小程序 中wx.chooseAddress(OBJECT)實例詳解
這篇文章主要介紹了微信小程序 中wx.chooseAddress(OBJECT)實例詳解的相關(guān)資料,需要的朋友可以參考下2017-03-03
JS版的date函數(shù)(和PHP的date函數(shù)一樣)
這篇文章主要介紹了JS版的date函數(shù),使用方法和PHP的date函數(shù)一樣,需要的朋友可以參考下2014-05-05
JS開發(fā)Blob和FileReader構(gòu)造函數(shù)使用示例詳解
這篇文章主要為大家介紹了JS開發(fā)Blob和FileReader構(gòu)造函數(shù)使用示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
TypeScript實用技巧?Nominal?Typing名義類型詳解
這篇文章主要為大家介紹了TypeScript實用技巧?Nominal?Typing名義類型詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-09-09

