Beispiele und Vergleich von 3 Methoden zur Deduplizierung von JS-Objekt-Arrays

1. Vergleich der Daten vor und nach der Deduplizierung

// Die Originaldaten sehen so aus // Die Daten nach der Deduplizierung sehen so aus [{ [{
  "WarenId": "1", "WarenId": "1",
  "Quote": 12, "Quote": 12,
  "skuId": "1"
}, },
{ {
  "WarenId": "2", "WarenId": "2",
  "Quote": 12, "Quote": 12,
  "skuId": "2"
}, }]
{
  "WarenID": "1",
  "Quote": 12,
  "skuId": "1"
}]

2. Wie zu verwenden

1. Filter und Karte verwenden 🌟🌟🌟🌟🌟
2. Reduzieren verwenden 🌟🌟🌟🌟
3. for-Schleife 🌟🌟🌟

Fazit: Der Zeitunterschied zwischen Filter und Reduce ist nicht allzu groß. Filter ist etwas schneller, aber die Filtersyntax ist prägnanter.

1. Filter und Karte verwenden

Der Code ist prägnant und einfach zu verwenden. Er kann in 4 Codezeilen erstellt werden. Der durchschnittliche Zeitaufwand ist am kürzesten. Fünf-Sterne-Empfehlung

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

2. Verwenden Sie „Reduce“

Etwas mehr Code, der durchschnittliche Zeitaufwand ist vergleichbar mit dem ersten, vier Sterne Empfehlung

Funktion uniqueFunc2(arr, uniId){
  lass hash = {}
  returniere arr.reduce((accum,item) => {
    hash[Element[uniId]] ? '' : hash[Element[uniId]] = true && accum.push(Element)
    Rückgabeakkum
  },[])
}

3. Verwenden einer for-Schleife

Es dauert etwas länger als das erste und zweite, aber die aufgewendete Zeit ist durchschnittlich, empfiehlt Samsung

Funktion uniqueFunc3(arr, uniId){
  let obj = {}
  lass tempArr = []
  für(var i = 0; i<arr.length; i++){
    wenn(!obj[arr[i][uniId]]){
      tempArr.push(arr[i])
      obj[arr[i][uniId]] = true
    }
  }
  RücklauftemperaturAn
}

3. Vergleich der Verarbeitungszeit dreier Methoden für 2400 Daten

Testzeit-Screenshot-Anzeige

Zusammenfassen

Damit ist der Artikel über 3 Methoden und Vergleiche der JS-Objektarray-Deduplizierung abgeschlossen. Weitere relevante Inhalte zur JS-Objektarray-Deduplizierung finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!