Heim > Web-Frontend > js-Tutorial > Welche 5 Möglichkeiten gibt es, Arrays in JavaScript zu deduplizieren?

Welche 5 Möglichkeiten gibt es, Arrays in JavaScript zu deduplizieren?

青灯夜游
Freigeben: 2023-01-07 11:41:17
Original
11823 Leute haben es durchsucht

5 Möglichkeiten, Arrays zu deduplizieren: 1. Verwenden Sie die Anweisung „[...new Set(arr)]“ zum Deduplizieren; 2. Verwenden Sie die Anweisung „Array.from(new Set(arr))“ zum Deduplizieren; Verwenden Sie indexOf(), um Duplikate zu entfernen. 4. Verwenden Sie Includes(), um Duplikate zu entfernen. 5. Verwenden Sie filter(), um Duplikate zu entfernen.

Welche 5 Möglichkeiten gibt es, Arrays in JavaScript zu deduplizieren?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Methode zum Deduplizieren von Arrays

1. Array .from(new Set(arr))

const arr = [1, 2, 3, 2, 3];
[...new Set(arr)]; // [1, 2, 3]
Nach dem Login kopieren

Da die Elemente in Set eindeutig sind, unabhängig davon, ob es sich um Originalwerte oder Objektreferenzen handelt, kann eine Deduplizierung durch Konvertieren des Arrays in ein Set-Objekt erreicht werden

Array.from Methode Sie können das Set-Objekt in ein Array konvertieren

3. Verwenden Sie indexOf, um Duplikate zu entfernen. Erstellen Sie eine neue leere Ergebnis-Array, um festzustellen, ob das aktuelle Element im Ergebnis-Array vorhanden ist ist derselbe Wert, überspringen Sie ihn. Wenn nicht, drücken Sie ihn in das Array.

4. Die Verwendung beinhaltet

const arr = [1, 2, 3, 2, 3];
Array.from(new Set(arr)); // [1, 2, 3]
Nach dem Login kopieren
5. Verwenden Sie Filter

function unique(arr) {
    if (!Array.isArray(arr)) {
        console.log('type error!')
        return
    }
    var array = [];
    for (var i = 0; i < arr.length; i++) {
        if (array .indexOf(arr[i]) === -1) {
            array .push(arr[i])
        }
    }
    return array;
}
var arr = [1,1,&#39;true&#39;,&#39;true&#39;,true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,&#39;NaN&#39;, 0, 0, &#39;a&#39;, &#39;a&#39;,{},{}];
console.log(unique(arr))
   // [1, "true", true, 15, false, undefined, null, NaN, NaN, "NaN", 0, "a", {…}, {…}]  //NaN、{}没有去重
Nach dem Login kopieren
[Verwandte Empfehlungen:

Javascript-Lerntutorial]

Das obige ist der detaillierte Inhalt vonWelche 5 Möglichkeiten gibt es, Arrays in JavaScript zu deduplizieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Aktuelle Ausgaben
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage