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

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

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

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ù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

  • 微信小程序 swiper組件構建輪播圖的實例

    微信小程序 swiper組件構建輪播圖的實例

    這篇文章主要介紹了微信小程序 swiper組件構建輪播圖的實例的相關資料,如有疑問請留言或者到本站社區(qū)交流討論,需要的朋友可以參考下
    2017-09-09
  • JS精髓原型鏈繼承及構造函數(shù)繼承問題糾正

    JS精髓原型鏈繼承及構造函數(shù)繼承問題糾正

    這篇文章主要為大家介紹了JS精髓原型鏈繼承及構造函數(shù)繼承問題糾正,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-06-06
  • 微信小程序 自定義對話框實例詳解

    微信小程序 自定義對話框實例詳解

    這篇文章主要介紹了微信小程序 自定義對話框實例詳解的相關資料,這里附有實例代碼及實現(xiàn)效果圖,需要的朋友可以參考下
    2017-01-01
  • 字節(jié)飛書面試promise.all實現(xiàn)示例

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

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

    app場景下uniapp的掃碼記錄

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

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

    這篇文章主要介紹了微信小程序checkbox組件詳細介紹的相關資料,需要的朋友可以參考下
    2016-09-09
  • 微信小程序 實戰(zhàn)小程序實例

    微信小程序 實戰(zhàn)小程序實例

    這篇文章主要介紹了微信小程序 實戰(zhàn)小程序實例的相關資料,需要的朋友可以參考下
    2016-10-10
  • JavaScript兩張圖搞懂原型鏈

    JavaScript兩張圖搞懂原型鏈

    這篇文章主要分享JavaScript的兩張原型鏈圖,我們上一篇文章介紹了JavaScript中的原型,為什么不將原型鏈一起介紹了呢?因為JavaScript中的原型鏈是一個難點,也是一個面試必問的考點,現(xiàn)在就來學習一下具體內(nèi)容吧
    2021-12-12
  • Web?Animations?API實現(xiàn)一個精確計時的時鐘示例

    Web?Animations?API實現(xiàn)一個精確計時的時鐘示例

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

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

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

最新評論