jquery entfernt doppelte Werte

Bei der Entwicklung von Webseiten kommt es zwangsläufig zu Situationen, in denen doppelte Werte gelöscht werden müssen. Beispielsweise müssen in einem Dropdown-Menü doppelte Optionen gelöscht werden und es bleibt nur eine übrig. Zu diesem Zeitpunkt können Sie jQuery verwenden, um dieses Problem zu lösen.

jQuery ist eine schnelle und übersichtliche JavaScript-Bibliothek, die das Durchlaufen und Bearbeiten von HTML-Dokumenten, die Ereignisbehandlung, Animationseffekte und mehr vereinfacht. Es gibt viele nützliche Funktionen und Methoden in jQuery, einschließlich Methoden zum Entfernen doppelter Werte.

Im Folgenden stellen wir zwei häufig verwendete Methoden zum Löschen doppelter Werte vor:

Methode 1: Verwenden Sie die filter()-Methode des Arrays.

Die filter()-Methode ist eine häufig verwendete Methode für jQuery-Array-Objekte Wird verwendet, um Array-Elemente zu filtern und ein neues gefiltertes Array zurückzugeben.

1. Erstellen Sie ein Array arr mit doppelten Werten

var arr = ['a', 'b', 'c', 'a', 'd', 'c'];

2. Verwenden Sie grep() von jQuery. Methode zum Entfernen doppelter Werte

var newArr = jQuery.grep(arr, function (item, index) {

return jQuery.inArray(item, arr) === index;

});

3. Ausgabeergebnisse drucken

console.log(newArr); // [ 'a', 'b', 'c', 'd']

Methode 2: Verwenden Sie die Array.from()-Methode und das Set-Objekt von JavaScript.

Die Array.from()-Methode ist neu in ES6, Sie können eine konvertieren Array-ähnliches Objekt oder iterierbares Objekt zu einem Array-Objekt. Gleichzeitig ist in ES6 auch das Set-Objekt neu, eine ungeordnete und eindeutige Sammlung, mit der Duplikate entfernt werden können.

1. Erstellen Sie ein Array arr mit doppelten Werten

var arr = ['a', 'b', 'c', 'a', 'd', 'c'];

2. Verwenden Sie Array.from ( )-Methode konvertiert das Array in ein Set-Objekt und dann das Set-Objekt in ein Array. newArr) ; // ['a', 'b', 'c', 'd']

Zusammenfassung

Das Obige stellt zwei häufig verwendete Methoden zum Löschen doppelter Werte in Arrays vor, nämlich die Verwendung des Filters( )-Methode des Arrays und verwenden Sie die neue Array.from()-Methode und das Set-Objekt im ES6-Standard. In der tatsächlichen Entwicklung können Sie je nach Situation eine für Sie geeignete Methode zur Lösung des Problems auswählen.

Das obige ist der detaillierte Inhalt vonjquery entfernt doppelte Werte. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!