js 5種迭代,遍歷方法方法 高程5.2.8

這5個函數每一個都接受兩個個參數 分別是要執行的函數 -> function(){} 和該函數做用域的對象-> this數組

每一function須要接受三個參數 (item,index,arry) // 數組當前項對應的值,數組當前項的下標,數組函數

  • every 遍歷每個元素,返回函數運行後的結果(true/false),所有爲true,則結果爲truethis

    var  aa=[1,2,3,4,5,6,76];
    var  result=aa.every(function(item,index,array){
        return item>1;
    })
    console.log(result) //false;
  • some 遍歷每個元素,返回函數運行後的結果(true/false),一個爲true,則結果爲truecode

    var aa=[1,2,3,4,5,6,76];
    var result=aa.some(function(item,index,array){
        return item>1;
    })
    console.log(result) //true;
  • forEach 遍歷每個元素,直接執行對應函數,不返回 至關於for循環的簡寫對象

    var aa=[1,2,3,4,5,6,76];
    aa.forEach(function(item,index,array){
        array[index]++;
    })
    console.log(aa) //[2, 3, 4, 5, 6, 7, 77]
  • map 遍歷每個元素,返回函數運行後的結果(數組),該數組與原始數組長度必定是相同的作用域

    var aa=[1,2,3,4,5,6,76];
    var result=aa.map(function(item,index,array){
        return item+1;
    })
    console.log(result) //[2, 3, 4, 5, 6, 7, 77]
  • filter 遍歷每個元素,返回函數運行後的結果(數組),該數組可與原始數組長度可不一樣it

    var aa=[1,2,3,4,5,6,76];
    var result=aa.filter(function(item,index,array){
        return item>3;
    })
    console.log(result)//   4,5,6,76
相關文章
相關標籤/搜索