JS-常用數組API、對象API與日期、隨機數

BenCHou 發布于2019-08-22 17:22 / 1414人閱讀

摘要：數組遍歷所有元素參數順序規定遍歷數組所有元素判斷所有元素是否都符合條件注意參數順序用來判斷所有的數組元素都滿足一個條件都符合，否則判斷是否至少有一個元素符合條件注意參數順序用來判斷所有的數組元素只要有一個滿足條件即可排序從小到大排序從大

1.數組API

(1) forEach 遍歷所有元素

   var arr = [1,2,3]
   arr.forEach(function( item,index ){ //參數順序規定 item , index
       console.log(index,item) //遍歷數組所有元素
   })
   
(2) every 判斷所有元素是否都符合條件

    var arr = [1,2,3]
    var result = arr.every(function( item,index ){ //注意參數順序
        if( item < 4 ){ //用來判斷所有的數組元素都滿足一個條件
            return true;
        }
    })
    console.log(result) //true 都符合，否則false
    
(3) some 判斷是否至少有一個元素符合條件

    var arr = [1,2,3]
    var result = arr.some(function( item,index ){ //注意參數順序
        if( item < 2 ){ //用來判斷所有的數組元素,只要有一個滿足條件即可
            return true;
        }
    })
    console.log(result) //true 

(4) sort 排序
    var arr = [1,4,2,3,5]
    var arr2 = arr.sort(function (a, b){
        // return a - b //從小到大排序
        return b - a //從大到小排序
    })
    console.log(arr2) //[5,4,3,2,1]

(5) map 對元素重新組裝，生成新數組
    var arr = [1,2]
    var arr2 = arr.map(function (item, index){ //注意參數順序
        return ""+ item + "" //將數組元素重新封裝并返回
    })
    console.log(arr2) //["1","2"]

(6)filter 過濾符合條件的元素
   var arr = [1,2,3]
   var arr2 = arr.filter(function (item, index){  
       if( item >= 2){     //通過某一個條件過濾數組 //注意參數順序
           return  true
       }
   })
   console.log(arr2) //[2,3]

2.對象API

var obj = {a:10,b:20,c:30}
var key
for (key in obj){
    if(obj.hasOwnProperty(key)){
        console.log(key,obj[key])
    }
}

3.日期

(1) Date.now() //獲取當前時間毫秒數

(2)var d = new Date() 
   dt.getTime() //獲取當前時間毫秒數

4.Math

Math.random()常用于清除緩存（例：頻繁訪問一個鏈接會有緩存，鏈接后面加random，每次訪問都會變，隨時改變清除緩存）

相關問題：

(1) 獲取 2018-05-18 格式的日期:
    function date(dt){
        if(!dt){
            dt = new Date() //獲取當前時間戳
        }
        var year = dt.getFullYear()
        var month = dt.getMonth() + 1
        var date = dt.getDate()
        if(month < 10){
            month = "0" + month //強制類型轉換
        }
        if(date < 10){
            date = "0" + date
        }
        return year + "-" + month + "-" + date
    }
    var d = new Date()
    var formatDate = date( d )

(2) 獲取隨機數，要求時長度一致的字符串格式:

    var random = Math.random()
    random = random + "0000000000" //后面加上10個0 (假如slice（0，4）也不會報錯)
    random = random.slice(0,10) //slice相當于復制，復制出一個新數組，不改變原數組

(3)寫一個能遍歷對象和數組的通用forEach函數 
   function forEach(obj, fn ){
       var key
       if (obj instanceof Array){ //判斷是不是數組
           obj.forEach(function(item, index){
               fn(index ,item )
           })
       }else {
           for(key in obj){
               if(obj.hasOwnProperty(key)){
                   fn(key,obj[key])
               }
           }
       }
   }

云服務器 GPU云服務器 js數組api視頻常用api接口 api接口常用數據對象存儲api搭建小程序

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/95110.html

前端面試之路二(javaScript基礎整理)

摘要：在標簽中添加屬性，本質上是跟在標簽里面寫屬性時一樣的，所以屬性值最終都會編譯為字符串類型。這個節點包括很多，比如，以及一些方法等方法。一個對象有很多，該集合名字為，里面有其他以及，里面有很多。一、變量類型和計算 JS中使用typeof能得到哪些類型變量類型值類型：變量本身就是含有賦予給它的數值的，它的變量本身及保存的數據都存儲在棧的內存塊當中引用類型：引用類型當然是分配到...

AbnerMing 2019-08-23 10:43 評論0 收藏0
前端知識點總結——JS高級（持續更新中）

摘要：前端知識點總結高級持續更新中字符串什么是連續存儲多個字符的字符數組相同下標遍歷選取不同類型不同不通用所有字符串都無權修改原字符串，總是返回新字符串大小寫轉換統一轉大寫統一轉小寫何時不區分大小寫時，都需要先轉為一致的大小寫，再比較。前端知識點總結——JS高級（持續更新中） 1.字符串什么是: 連續存儲多個字符的字符數組相同: 1. 下標 2. .length 3. 遍歷 4....

wangzy2019 2019-08-22 15:59 評論0 收藏0
java常見類API第二部分

摘要：類是日期時間格式化子類的抽象類，我們通過這個類可以幫我們完成日期和文本之間的轉換也就是可以在對象與對象之間進行來回轉換。構造方法由于為抽象類，不能直接使用，所以需要常用的子類。 day01【Object類、常用API】主要內容 Object類 Date類 DateFormat類 Calendar類 System類 StringBuilder類包裝類教學目標 -[ ] 能夠說出...

maybe_009 2019-08-16 18:22 評論0 收藏0
前端

摘要：原理判斷左邊的左操作數的對象的原型鏈上是否有右邊這個構造函數的屬性。每個對象都有屬性，但只有函數對象才有屬性在默認情況下，所有的原型對象都會自動獲得一個構造函數屬性，這個屬性是一個指針指向屬性所在的函數原型對象是構造函數的一個實例。 JS JavaScript深入淺出鏈接描述數據類型 JS變量按照存儲方式區分為值類型和引用類型，并描述其特點？js值類型和引用類型的區別值類型...

WilsonLiu95 2019-08-23 18:06 評論0 收藏0
【前端】Util.js-ES6實現的常用100多個javaScript簡短函數封裝合集（持續更新中）

摘要：在數組中循環使用將數組的第一個元素除去直到函數的返回值為。使用匿名內部函數范圍來聲明未定義的內存空間使用閉包來存儲返回值。返回頂部從數組中移除給定函數返回的元素使用查找返回值的數組元素和以使用刪除元素。使用執行從右向左的函數組合。 showImg(https://segmentfault.com/img/bV0PXR?w=400&h=80); Util.js （持續更新中...） ...

ivyzhang 2019-08-21 18:20 評論0 收藏0