如何在JavaScript中遍歷Array對(duì)象

這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)?lái)有關(guān)如何在JavaScript中遍歷Array對(duì)象，文章內(nèi)容豐富且以專(zhuān)業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

1.forEach(),遍歷數(shù)組的每個(gè)元素

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

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

  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(參數(shù)為回調(diào)函數(shù))函數(shù)：過(guò)濾通過(guò)條件的元素組成一個(gè)新數(shù)組，原數(shù)組不變；

  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(參數(shù)為回調(diào)函數(shù))函數(shù)，遍歷數(shù)組中是否有符合條件的函數(shù)，返回布爾值；

  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(參數(shù)為回調(diào)函數(shù))函數(shù)，遍歷數(shù)組是否每個(gè)元素都符合條件，返回布爾值；

  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()函數(shù)，數(shù)組中的每個(gè)元素都執(zhí)行這個(gè)回調(diào)函數(shù)；返回第一個(gè)滿足條件的元素 之后的元素就不在調(diào)用；沒(méi)有符合的返回undefined；并沒(méi)有改變數(shù)組的原始值。

  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(),合并二維數(shù)組

  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是一種直譯式的腳本語(yǔ)言，其解釋器被稱為JavaScript引擎，是瀏覽器的一部分，JavaScript是被廣泛用于客戶端的腳本語(yǔ)言，最早是在HTML網(wǎng)頁(yè)上使用，用來(lái)給HTML網(wǎng)頁(yè)增加動(dòng)態(tài)功能。

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