欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Javascript基礎(chǔ)知識中關(guān)于內(nèi)置對象的知識

 更新時(shí)間:2021年09月16日 17:08:15   作者:新生碼農(nóng)小菜鳥  
這篇文章主要介紹了Javascript基礎(chǔ)知識中關(guān)于內(nèi)置對象的相關(guān)知識的相關(guān)資料,需要的朋友可以參考下面小編薇大家?guī)淼木饰恼?/div>

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)  |  實(shí)例)

1.2 Math中的方法

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

靈活使用:

a:求兩個(gè)數(shù)的隨機(jī)數(shù),并包含這兩個(gè)數(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ī)排序時(shí),即可使用:

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

例子:隨機(jī)排序

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

  • Math.floor()   ---   向下取整,返回一個(gè)小于當(dāng)前數(shù)字的整數(shù)
  • Math.ceil()   ---   向上取整,返回一個(gè)大于當(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è)置多個(gè)參數(shù),返回其中最大值,參數(shù)不可以是數(shù)組)
console.log(Math.max(1,4,8,35,"fanfan"));   //NaN
  console.log(Math.max());   //-Infinity 

  • Math.min()   ---   返回一組數(shù)中的最小值 (可以同時(shí)設(shè)置多個(gè)參數(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)前時(shí)間

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

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

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

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

注意:月份從0開始,0代表1月

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

獲取當(dāng)前時(shí)間的毫秒值:(距離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()    //獲取小時(shí)
  •     d.getDay()      //沒有參數(shù)時(shí) 返回當(dāng)前周幾   (0表示周日)0-6

獲取星期幾的方法:

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


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

3、經(jīng)典案例:倒計(jì)時(shí)效果:

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 + "時(shí)" + 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)建一個(gè)空的數(shù)組
var arr1 = new Array(2); //這個(gè)2 表示 數(shù)組的長度為 2  里面有2個(gè)空的數(shù)組元素

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

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

判斷變量是不是一個(gè)數(shù)組:

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

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

valueOf()   ---    返回?cái)?shù)組對象本身

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

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

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

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

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

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

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

排序:

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

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


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

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

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

5、字符串String

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

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

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

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

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

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

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

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

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

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

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

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

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

相關(guān)文章

  • 字節(jié)飛書面試promise.all實(shí)現(xiàn)示例

    字節(jié)飛書面試promise.all實(shí)現(xiàn)示例

    這篇文章主要為大家介紹了字節(jié)飛書面試promise.all實(shí)現(xiàn)示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-06-06
  • app場景下uniapp的掃碼記錄

    app場景下uniapp的掃碼記錄

    這篇文章主要為大家介紹了app場景下uniapp的掃碼記錄實(shí)現(xiàn)示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-07-07
  • 微信小程序(十五)checkbox組件詳細(xì)介紹

    微信小程序(十五)checkbox組件詳細(xì)介紹

    這篇文章主要介紹了微信小程序checkbox組件詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下
    2016-09-09
  • JavaScript兩張圖搞懂原型鏈

    JavaScript兩張圖搞懂原型鏈

    這篇文章主要分享JavaScript的兩張?jiān)玩湀D,我們上一篇文章介紹了JavaScript中的原型,為什么不將原型鏈一起介紹了呢?因?yàn)镴avaScript中的原型鏈?zhǔn)且粋€(gè)難點(diǎn),也是一個(gè)面試必問的考點(diǎn),現(xiàn)在就來學(xué)習(xí)一下具體內(nèi)容吧
    2021-12-12
  • Web?Animations?API實(shí)現(xiàn)一個(gè)精確計(jì)時(shí)的時(shí)鐘示例

    Web?Animations?API實(shí)現(xiàn)一個(gè)精確計(jì)時(shí)的時(shí)鐘示例

    這篇文章主要為大家介紹了Web?Animations?API實(shí)現(xiàn)一個(gè)精確計(jì)時(shí)的時(shí)鐘示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-07-07
  • 一文了解JavaScript用Element?Traversal新屬性遍歷子元素

    一文了解JavaScript用Element?Traversal新屬性遍歷子元素

    這篇文章主要介紹了一文了解JavaScript用Element?Traversal新屬性遍歷子元素,文章圍繞Element?Traversal新屬性的相關(guān)資料展開詳細(xì)內(nèi)容,需要的朋友可以參考一下,希望對大家有所幫助
    2021-11-11
  • 最新評論