JS對象數(shù)組去重的方法有哪些

本篇內(nèi)容介紹了“JS對象數(shù)組去重的方法有哪些”的有關(guān)知識，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

目錄

• 一.去重前后數(shù)據(jù)對比

• 二.使用方法

• 1.使用filter和Map

• 2.使用reduce

• 3.使用for循環(huán)

• 三.2400條數(shù)據(jù)，三種方法處理時(shí)間對比

一.去重前后數(shù)據(jù)對比

// 原數(shù)據(jù)是這樣的                   // 去重后數(shù)據(jù)是這樣的
[{                                [{
  "goodsId": "1",                    "goodsId": "1",
  "quota": 12,                       "quota": 12,
  "skuId": "1"                       "skuId": "1"
},                                 },
{                                  {
  "goodsId": "2",                    "goodsId": "2",
  "quota": 12,                       "quota": 12,
  "skuId": "2"                       "skuId": "2"
},                                 }]
{
  "goodsId": "1",
  "quota": 12,
  "skuId": "1"
}]

二.使用方法

1. 使用filter和Map   ?????

2. 使用reduce        ????

3. for循環(huán)           ???

結(jié)論：filter和Reduce時(shí)間上差別不是太大，filter稍微更快一些，但是filter語法更簡潔

1.使用filter和Map

代碼簡潔，好用，4行代碼搞定，平均耗費(fèi)時(shí)間最短，五星推薦

function uniqueFunc(arr, uniId){
  const res = new Map();
  return arr.filter((item) => !res.has(item[uniId]) && res.set(item[uniId], 1));
}

2.使用reduce

代碼稍多，平均耗費(fèi)時(shí)間和第一不分伯仲，四星推薦

function uniqueFunc2(arr, uniId){
  let hash = {}
  return arr.reduce((accum,item) => {
    hash[item[uniId]] ? '' : hash[item[uniId]] = true && accum.push(item)
    return accum
  },[])
}

3.使用for循環(huán)

耗費(fèi)時(shí)間較一二稍多，但是耗費(fèi)時(shí)間平均，三星推薦

function uniqueFunc3(arr, uniId){
  let obj = {}
  let tempArr = []
  for(var i = 0; i<arr.length; i++){
    if(!obj[arr[i][uniId]]){
      tempArr.push(arr[i])
      obj[arr[i][uniId]] = true
    }
  }
  return tempArr
}

三.2400條數(shù)據(jù)，三種方法處理時(shí)間對比

測試時(shí)間截圖展示

“JS對象數(shù)組去重的方法有哪些”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！