Quels sont les moyens de supprimer les doublons des tableaux javascript ?

Méthode de suppression des duplications : 1. Utilisez l'instruction "Array.from(new Set(arr))" ; 2. Utilisez l'instruction "[...new Set(arr)]" ; arr.filter( (item,index)=>arr.indexOf(item)===index)".

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Plusieurs façons de supprimer les doublons des tableaux JavaScript

Array.from(new Set(arr))

const arr = [1, 2, 3, 2, 3];

Array.from(new Set(arr)); // [1, 2, 3]

Étant donné que les éléments du Set sont uniques, qu'il s'agisse de valeurs originales ou de références d'objet, la déduplication peut être réalisée en convertissant le tableau en un objet Set

Array.fromLe. La méthode peut convertir l'objet Set est converti en tableau

2 [...new Set(arr)]

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

Voici le la syntaxe d'expansion de ES6 L'objet Set est converti en tableau

3.arr.filter((item, index) => arr.indexOf(item) === index )

const arr = [1, 2, 3, 2, 3];

arr.filter((item, index) => arr.indexOf(item) === index); // [1, 2, 3]

renvoie le premier index (index) de l'élément spécifié dans le tableau, sinon, elle renvoie -1indexOf

Donc ici chacun L'élément du tableau arr passe

Les valeurs d'index renvoyées par la méthode sont 0 1 2 1 2indexOf()

arr.forEach(item => console.log(arr.indexOf(item))); // 0 1 2 1 2

Vous pouvez utiliser

pour réaliser la déduplication. Par exemple, le quatrième élément de arr. , indexOf, renvoie un index de 0 à 2 1. Mais son indice d'index actuel est 3, ce qui n'est pas égal, indiquant que l'élément indexOf actuel est apparu auparavant, il doit donc être filtré 2 [Recommandation associée :

Tutoriel d'apprentissage Javascript

】

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!