So entfernen Sie Array-Duplikate über ein JS-Programm (ohne Berücksichtigung der Groß-/Kleinschreibung)-js-Tutorial-php.cn

So entfernen Sie Array-Duplikate über ein JS-Programm (ohne Berücksichtigung der Groß-/Kleinschreibung)

藏色散人

Freigeben： 2021-08-11 17:58:21

Original

1831 Leute haben es durchsucht

In diesem Artikel erfahren Sie, wie Sie Duplikate in einem Array mithilfe von Javascript löschen und die Groß-/Kleinschreibung ignorieren. Haben Sie eigene Ideen zur Umsetzung dieses Problems?

Lassen Sie mich zunächst ein Beispielarray geben: [1, 2, 2, 4, 5, 4, 7, 8, 7, 3, 6]. In diesem Array gibt es offensichtlich wiederholte Werte , damit Sie es zunächst selbst umsetzen können. Entfernen Sie Duplikate!

Im Folgenden werde ich Ihnen zwei js-Methoden zum Löschen doppelter Elemente in einem Array vorstellen. Sie können darauf verweisen:

Die erste Methode:

Der Code lautet wie folgt:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    function removeDuplicates(num) {
        var x,
            len=num.length,
            out=[],
            obj={};

        for (x=0; x<len; x++) {
            obj[num[x]]=0;
        }
        for (x in obj) {
            out.push(x);
        }
        return out;
    }
    var Mynum = [1, 2, 2, 4, 5, 4, 7, 8, 7, 3, 6];
    result = removeDuplicates(Mynum);
    console.log(Mynum);
    console.log(result);
</script>
</body>
</html>

Nach dem Login kopieren

Das Ergebnis ist wie gezeigt unten:

So entfernen Sie Array-Duplikate über ein JS-Programm (ohne Berücksichtigung der Groß-/Kleinschreibung)

Hinweis: Die Methode push() kann ein oder mehrere Elemente am Ende des Arrays hinzufügen und die neue Länge zurückgeben. Diese Methode ändert die Länge des Arrays; bitte fügen Sie Elemente am Anfang des Arrays hinzu.

Zweite Methode:

Der Code lautet wie folgt:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    //从JavaScript数组中删除重复项
 const nums = [1, 2, 2, 3, 1, 2, 4, 5, 4, 2, 6];
    console.log([...new Set(nums)])
</script>
</body>
</html>

Nach dem Login kopieren

Das Ergebnis ist wie folgt:

So entfernen Sie Array-Duplikate über ein JS-Programm (ohne Berücksichtigung der Groß-/Kleinschreibung)

Hinweis: Das Entfernen von Duplikaten aus einem Array in JavaScript kann auf viele Arten erfolgen, z. B. mithilfe von Array. prototyp.reduce (), Array.prototype.filter() oder sogar eine einfache for-Schleife; es gibt jedoch eine einfachere Alternative: Das in JavaScript integrierte Set-Objekt wird als eine Menge von Werten beschrieben, von denen jeder nur einmal vorkommen kann. Set-Objekte sind außerdem iterierbar, sodass sie mithilfe des Spread-Operators (...) problemlos in Arrays umgewandelt werden können.

Hier empfehlen wir die Lektüre des Artikels „Einführung in Set Object in JavaScript (mit Beispielen)“ „Einführung in gängige Methoden von ... Erweiterungsoperatoren in JavaScript“.

Abschließend möchte ich jedem das neueste und umfassendste „Javascript Basics Tutorial“ empfehlen ~ Kommen Sie und lernen Sie!

Das obige ist der detaillierte Inhalt vonSo entfernen Sie Array-Duplikate über ein JS-Programm (ohne Berücksichtigung der Groß-/Kleinschreibung). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!