Три метода дедупликации массива объектов JS

внешний интерфейс JavaScript
Три метода дедупликации массива объектов JS

1. Сравнение данных до и после дедупликации

// 原数据是这样的                   // 去重后数据是这样的
[{                                [{
  "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"
}]

2. Как использовать

  1. Используйте фильтр и карту 🌟🌟🌟🌟🌟
  2. Используйте уменьшить 🌟🌟🌟🌟
  3. для цикла 🌟🌟🌟

Вывод: разница во времени между filter и Reduce не слишком велика, filter немного быстрее, но синтаксис фильтра более лаконичен.

1. Используйте фильтр и карту

Код лаконичен, прост в использовании, выполнено 4 строки кода, средний расход времени самый короткий, пятизвездочная рекомендация

function uniqueFunc(arr, uniId){
  const res = new Map();
  return arr.filter((item) => !res.has(item[uniId]) && res.set(item[uniId], 1));
}
2. Используйте сокращение

Кода чуть больше, средний расход времени сравним с первой, четырехзвездочной рекомендацией

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

Это занимает чуть больше времени, чем раз-два, но время среднее, рекомендует Samsung.

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
}

3. 2400 единиц данных, сравнение времени обработки тремя методами

Частота тестирования filter Map reduce для цикла
1 0.139892578125 ms 0.19189453125 ms 0.2060546875 ms
2 0.12109375 ms 0.1279296875 ms 0.195068359375 ms
3 0.112060546875ms 0.11767578125 ms 0.174072265625 ms
4 0.10400390625 ms 0.1728515625 ms 0.18701171875 ms
5 0.10986328125 ms 0.12890625 ms 0.175048828125 ms
6 0.113037109375 ms 0.10791015625 ms 0.172119140625 ms
7 0.134033203125 ms 0.129150390625 ms 0.172119140625 ms
Скриншот тестового времени

image.png

image.png

image.png

image.png

image.png

image.png