如何在JavaScript中遍歷Array對象

這期內容當中小編將會給大家帶來有關如何在JavaScript中遍歷Array對象，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

1.forEach(),遍歷數組的每個元素

  let arrFor = ['muzi','digbig','muzidigbig','lucky']
  //forEach(),遍歷數組的每個元素
  arrFor.forEach((item,index) => {
    console.log(`${index}---${item}`)
  })

2.map(參數為回調函數)函數，遍歷數組每個元素，并回調操作，需要返回值，返回值組成新數組，原數組不變；

  let arr = [{id:1,name:'muzi'},{id:2,name:'digbig'},{id:3,name:'muzidigbig'},{id:4,name:'lucky'}]
  const arrMap = arr.map((item,index) => {
    return {
      id:item.id,
      name:item.name,
      sex:'男'
    }
  })
  console.log(arrMap)

3.filter(參數為回調函數)函數：過濾通過條件的元素組成一個新數組，原數組不變；

  let arr = [{id:1,name:'muzi'},{id:2,name:'digbig'},{id:3,name:'muzidigbig'},{id:4,name:'lucky'}]
  const arrFilter = arr.filter((item,index) => {
    return item.id >= 2;
  })
  console.log(arrFilter)

4.some(參數為回調函數)函數，遍歷數組中是否有符合條件的函數，返回布爾值；

  let arr = [{id:1,name:'muzi'},{id:2,name:'digbig'},{id:3,name:'muzidigbig'},{id:4,name:'lucky'}]
  const arrSome = arr.some((item,index) => {
    return item.id === 5
  })
  console.log(arrSome)

5.every(參數為回調函數)函數，遍歷數組是否每個元素都符合條件，返回布爾值；

  let arr = [{id:1,name:'muzi'},{id:2,name:'digbig'},{id:3,name:'muzidigbig'},{id:4,name:'lucky'}]
  const arrEvery = arr.every((item,index) => {
    return item.id >= 1
  })
  console.log(arrEvery)

6.find()函數，數組中的每個元素都執行這個回調函數；返回第一個滿足條件的元素 之后的元素就不在調用；沒有符合的返回undefined；并沒有改變數組的原始值。

  let arr = [{id:1,name:'muzi'},{id:2,name:'digbig'},{id:3,name:'muzidigbig'},{id:4,name:'lucky'}]
  const arrFind = arr.find((item,index) => {
    return item.id === 1
  })
  console.log(arrFind)

7.reduce(),合并二維數組

  var twoArr = [['mu','zi'],['dig','big'],['lucky','jiji']];
  var oneArr = twoArr.reduce(function(total,currentValue){
    // console.log(total)
    return total.concat(currentValue);
  },[])
  console.log(oneArr);//["mu", "zi", "dig", "big", "lucky", "jiji"]

JavaScript是什么

JavaScript是一種直譯式的腳本語言，其解釋器被稱為JavaScript引擎，是瀏覽器的一部分，JavaScript是被廣泛用于客戶端的腳本語言，最早是在HTML網頁上使用，用來給HTML網頁增加動態功能。

上述就是小編為大家分享的如何在JavaScript中遍歷Array對象了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業資訊頻道。