Welche Methoden gibt es, um Duplikate aus JS-Arrays zu entfernen?

Zu den Methoden zum Deduplizieren von JS-Arrays gehören die Verwendung von Set, die Verwendung von indexOf, die Verwendung von Includes, die Verwendung von Filter und die Verwendung von Reduce. 1. Verwenden Sie Set, das dadurch gekennzeichnet ist, dass die Elemente in der Menge nicht wiederholt werden. 2. Verwenden Sie indexOf, um die erste Indexposition des angegebenen Elements im Array zurückzugeben. 3. Verwenden Sie Includes, um festzustellen, ob bereits ein Element vorhanden ist 4. Verwenden Sie Filter, um Elemente zu filtern. 5. Verwenden Sie Reduzieren, um Elemente in einem Array usw. zu komprimieren.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, JavaScript ES12-Version, DELL G3-Computer.

Bei der JavaScript-Programmierung stoßen wir häufig auf Situationen, in denen wir Deduplizierungsvorgänge für Arrays durchführen müssen. Unter Deduplizierung versteht man das Entfernen doppelter Elemente aus einem Array und das Beibehalten nur eines davon. In diesem Artikel werden einige gängige JavaScript-Array-Deduplizierungsmethoden vorgestellt, um den Lesern zu helfen, sie besser zu verstehen und anzuwenden.

Methode 1: Set verwenden

Das in ES6 eingeführte Set-Objekt ist eine neue Datenstruktur, die uns helfen kann, Arrays schnell zu deduplizieren. Das Merkmal des Set-Objekts besteht darin, dass die Elemente im Set nicht wiederholt werden. Wir können das Array einfach in ein Set-Objekt umwandeln und das Set-Objekt dann wieder in ein Array umwandeln, um den Zweck der Deduplizierung zu erreichen.

Beispielcode:

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = Array.from(new Set(arr));
console.log(uniqueArr); // [1, 2, 3, 4, 5]

Methode 2: IndexOf verwenden

Das Array-Objekt in JavaScript stellt eine indexOf-Methode bereit, die die erste Indexposition des angegebenen Elements im Array zurückgeben kann. Mit dieser Methode können wir feststellen, ob ein Element bereits im neuen Array vorhanden ist, und es, falls nicht vorhanden, hinzufügen.

Beispielcode:

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = [];
for (let i = 0; i < arr.length; i++) {
if (uniqueArr.indexOf(arr[i]) === -1) {
uniqueArr.push(arr[i]);
}
}
console.log(uniqueArr); // [1, 2, 3, 4, 5]

Methode 3: Verwendung von Includes

Die in ES7 eingeführte Includes-Methode ähnelt der indexOf-Methode. Sie kann verwendet werden, um festzustellen, ob ein Element bereits im Array vorhanden ist. Mit dieser Methode können wir Array-Deduplizierungsvorgänge durchführen.

Beispielcode:

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = [];
for (let i = 0; i < arr.length; i++) {
if (!uniqueArr.includes(arr[i])) {
uniqueArr.push(arr[i]);
}
}
console.log(uniqueArr); // [1, 2, 3, 4, 5]

Methode 4: Filter verwenden

Das Array-Objekt in JavaScript stellt eine Filtermethode bereit, mit der Elemente gefiltert werden können. Mit dieser Methode können wir eine Array-Deduplizierung durchführen und dabei nur das erste Vorkommen des Elements beibehalten.

Beispielcode:

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = arr.filter((item, index) => {
return arr.indexOf(item) === index;
});
console.log(uniqueArr); // [1, 2, 3, 4, 5]

Methode 5: Reduce verwenden

Das Array-Objekt in JavaScript stellt eine Reduce-Methode bereit, mit der die Elemente im Array in einen einzelnen Wert „komprimiert“ werden können. Mit dieser Methode können wir Array-Deduplizierungsvorgänge durchführen.

Beispielcode:

let arr = [1, 2, 2, 3, 3, 4, 5];
let uniqueArr = arr.reduce((prev, curr) => {
if (!prev.includes(curr)) {
prev.push(curr);
}
return prev;
}, []);
console.log(uniqueArr); // [1, 2, 3, 4, 5]

Fazit:

In diesem Artikel werden die häufig verwendeten Array-Deduplizierungsmethoden in JavaScript vorgestellt, einschließlich der Verwendung der Methoden Set, indexOf, Includes, Filter und Reduce. Leser können entsprechend der tatsächlichen Situation die geeignete Methode zur Durchführung der Array-Deduplizierung auswählen. In der tatsächlichen Entwicklung ist die Array-Deduplizierung ein sehr grundlegender und häufig verwendeter Vorgang. Durch die Beherrschung dieser Methoden können Array-Daten effizienter verarbeitet und die Programmleistung und Lesbarkeit verbessert werden. .

Das obige ist der detaillierte Inhalt vonWelche Methoden gibt es, um Duplikate aus JS-Arrays zu entfernen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!