Javascript基礎知識中關于內(nèi)置對象的知識
1、內(nèi)置對象介紹
JavaScript
組成: ECMAScript | DOM | BOM
ECMAScript:
變量 , 函數(shù), 數(shù)據(jù)類型 ,流程控制,內(nèi)置對象
js中的對象: 自定義對象 , 內(nèi)置對象 , 瀏覽器對象(不屬于ECMAScript)
1.1 Math對象
提供了一系列與數(shù)學相關的方法或屬性 ( 靜態(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:當想要進行隨機排序時,即可使用:
Math.random()- 0.5 精度利用這個弱點 會進行隨機排序
例子:隨機排序
var arr1 = ["鹿晗", "王俊凱", "蔡徐坤", "彭于晏", "周杰倫", "劉德華", "趙本山"]; arr1.sort(function(){ return Math.random() - 0.5; }); console.log(arr1);
Math.floor()
--- 向下取整,返回一個小于當前數(shù)字的整數(shù)Math.ceil()
--- 向上取整,返回一個大于當前數(shù)字的整數(shù)Math.round()
--- 四舍五入
特殊情況:
console.log(Math.round(-1.5))//結果為-1
Math.abs()
--- 取絕對值(返回當前數(shù)字的絕對值,正整數(shù))
console.log(Math.abs("1")); //隱式轉換 會把字符串1 轉換成數(shù)字型 console.log(Math.abs("fanfan")); //NaN
Math.max()
--- 返回一組數(shù)中的最大值 (可以設置多個參數(shù),返回其中最大值,參數(shù)不可以是數(shù)組)
console.log(Math.max(1,4,8,35,"fanfan")); //NaN console.log(Math.max()); //-Infinity
Math.min()
--- 返回一組數(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對象
用法一:空構造函數(shù)
var d = new Date(); //如果沒有參數(shù) 返回當前系統(tǒng)的當前時間
用法二:傳入日期格式的字符串
var d = new Date("1988-8-8 8:8:8")
用法三: 傳入數(shù)字
var d = new Date(year, month[day,time,second]); //必須設置年和月 中括號內(nèi)的為選填項
注意:月份從0開始,0代表1月
var date1 = new Date(2019, 10, 01); //實際是2019年11月1日
獲取當前時間的毫秒值:(距離1970 年 1 月 1 日的毫秒數(shù))
寫法一:
d.valueOf() d.getTime() // 推薦使用
//獲取當前的毫秒值 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ù)時 返回當前周幾 (0表示周日)0-6
獲取星期幾的方法:
var arr = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']; var day = date.getDay(); console.log(arr[day]);
d.getDate()
//沒有參數(shù)時 返回當前日-
d.getMonth()
//沒有參數(shù)時 返回當前月份 (從0開始)0-11 d.getFullYear()
//沒有參數(shù)時 返回當前年份d.toString();
//轉化成字符串d.toDateString();
//轉換成日期字符串-
d.toTimeString();
//轉換成時間字符串 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ù)組轉換為字符串,使用逗號分隔
valueOf()
--- 返回數(shù)組對象本身
ary.pop()
[常用] --- 刪除數(shù)組中最后一個字,且會修改數(shù)組的長度 注意:()內(nèi)不跟參數(shù)
ary.shift()
--- 刪除數(shù)組中的第一個元素,修改數(shù)組的長度 注意:()內(nèi)不跟參數(shù)
ary.push()
[常用] --- 該方法有一個返回值,表示數(shù)組最新的長度,該方法中可以設置多個參數(shù) 在數(shù)組末尾添加一個或者多個
ary.unshift()
--- 在數(shù)組中最開始位置添加一個值
reverse()
--- 翻轉數(shù)組
indexOf(content[,index])
--- 返回數(shù)組元素索引的方法 從前查找,它只返回第一個滿足條件的索引號
lastIndexOf()
--- 從數(shù)組的末尾開始找,如果找到,返回索引位置,如果沒有找到返回-1
join(分隔符)
--- 將數(shù)組中的每一個元素通過一個字符鏈接到一塊(數(shù)組轉字符串) 改變字符間的分隔符, 默認是","
排序:
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)
--- 從當前數(shù)組中截取一個新的數(shù)組 第一個參數(shù)表示開始索引位置,第二個參數(shù)代表結束索引位置
splice(startindex, deletCont, options)
--- 刪除或者替換數(shù)組中的某些值
第一個參數(shù)代表從哪開始刪除
第二個參數(shù)代表一共刪除幾個
第三個參數(shù)代表要替換的值
5、字符串String
1、charAt(index) --- 獲取指定位置處的字符
2、str[index] --- 獲取指定位置的字符 (H5中的方法)
3、charCodeAt(index) --- 返回相應索引號的字符ASCII值 判斷用戶按下了哪個鍵
4、concat() --- 拼接字符串 等效于 +
5、slice(strat,end) --- 從指定位置開始,截取字符串到結束位置,end值取不
6、substring(start,end) --- 從指定位置開始,截取字符串到結束位置, end值取不到,start能取到
7、substr('截取的起始位置', '截取幾個字符') //從指定位置開始,截取length長度個字符
8、indexOf(字符) --- 返回字符在字符串中的位置【首次】
9、lastIndexOf(字符) --- 從后往前找,只找第一個匹配的字符【尾次】
10、trim() --- 只能去除字符串前后空白
11、toLocaleUpperCase() //轉化為大寫
toLocaleLowerCase() //轉化為小寫12、replace(a,b) --- 用b替換a
split() --- 以一個分割符,將一個字符串串分割成一個數(shù)組(字符串轉數(shù)組)
到此這篇關于Javascript基礎知識中關于內(nèi)置對象的知識的文章就介紹到這了,更多相關Javascript內(nèi)置對象介紹內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
- 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)置對象介紹
相關文章
字節(jié)飛書面試promise.all實現(xiàn)示例
這篇文章主要為大家介紹了字節(jié)飛書面試promise.all實現(xiàn)示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-06-06Web?Animations?API實現(xiàn)一個精確計時的時鐘示例
這篇文章主要為大家介紹了Web?Animations?API實現(xiàn)一個精確計時的時鐘示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-07-07一文了解JavaScript用Element?Traversal新屬性遍歷子元素
這篇文章主要介紹了一文了解JavaScript用Element?Traversal新屬性遍歷子元素,文章圍繞Element?Traversal新屬性的相關資料展開詳細內(nèi)容,需要的朋友可以參考一下,希望對大家有所幫助2021-11-11