Jvascript陣列迭代，遍歷的方法

藍色熾夢發表於2017-09-24
陣列

下面使用的是ES5的方法

  • 1、every()
    對陣列的每一項執行項給定函式，如果該函式對每一項都返回true則返回true...
    簡單理解：就是檢測陣列的每一項是否都滿足函式的條件，如果是就返回true反則是false
    var arr = [1,2,3,4,5,6,7,8,9];
    //item：每一項 index：每一項陣列所在的索引位置    array 陣列
    var everyTest = arr.every(function(item,index,array){
        item>2;
    })
    console.log(everyTest) //返回false 

    這就是every 的特性 ，主要檢測該陣列是否完全滿足條件只要有一條不滿足則返回false

  • 2、filter()
    對陣列的每一執行項給定函式，返回該函式會返回true的項組成的陣列（用來過濾陣列一些項是一件非常不錯的選擇）

       var arr = [1,2,3,4,5,6,7,8,9];
  //item：每一項 index：每一項陣列所在的索引位置    array 陣列
  var everyTest = arr.filter(function(item,index,array){
      item>2;
  })
  console.log(everyTest) //返回  [5，6，7，8，9] 

  filter 的特性 ，主要檢測該陣列是否完全滿足條件只要滿足則返回滿足陣列的項
  • 3、forEach()
    對陣列的每一項給定函式，沒有返回值;
    在沒有ES5之前都只是用for迴圈進行遍歷
    var arrfor = ['小東','王二狗','隔壁老王','你的菜','王大錘','趙日天','葉良辰']
    for(var i=0;i<arrfor.lenght;i++){
    document.body.innerHTML+="

    "+arrfor[i]+"

    "
    }

ES5閃亮登場的時候，是時候變身了,大了，粗了,......咳咳，對面老王是shabi -_-~~!!!

var arrforarray = ['小東','王二狗','隔壁老王','你的菜','王大錘','趙日天','葉良辰']

    arrforarray.forEach(function(item,index,array){
        if (index>2)
        {
            document.body.innerHTML +="<p>"+item+"</p>" 
        }
    })複製程式碼


**於是你就會發現陣列遍歷之後並且在頁面成功的出現了你需要的某一項內容或者是遍歷所有並且成功的在頁面上顯示

也就是狗血的床戲裡面，各種動作呵呵...........! 男同胞們你想要的那種，例如騎馬shi,老鷹捉小雞shi，帶走吧，上天了有木有，還是回家抱著充氣的好 .......wocao **
(^_^).....成功的裝逼了，果斷選擇了
咳咳.....

forEach的特性 它對陣列的每一項執行傳入引數，沒有返回值

  • 4、map()
    對陣列的每一項給定函式，返回函式每次呼叫的結果組成陣列
    var maparray = [3,4,5,8,6,{'name':'隔壁老王'}]

      var mapTst = maparray.map(function(item,index,array){
      if(item.name){
          return item.name
      }

  })
  console.log(mapTst)//[undefind,undefind,undefind,undefind,undefind,隔壁老王] 本來第六項是個{} 後面直接替換成了隔壁老王直接返回出來了複製程式碼

    ////////////////////////////////////////////////////////
    var maparray = [3,4,5,8,6,{'name':'隔壁老王'}]

      var name;
  var mapTst = maparray.map(function(item,index,array){
      if(item.name){
          name=item.name
      }

  })
  console.log(name)

  在N個項中找到業務需要的項，並把資料給帶出來，上面只是簡單的模擬複製程式碼

相關文章