Maison > interface Web > js tutoriel > le corps du texte

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

青灯夜游
Libérer: 2021-06-22 16:42:30
original
1747 Les gens l'ont consulté

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)".

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

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]
Copier après la connexion

É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]
Copier après la connexion

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

3.arr.filter((item, index) => arr.indexOf(item) === index )< La méthode 🎜>

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

arr.filter((item, index) => arr.indexOf(item) === index); // [1, 2, 3]
Copier après la connexion

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
Copier après la connexion
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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal