Maison > interface Web > Questions et réponses frontales > Quelles sont les 5 façons de dédupliquer les baies ES6 ?

Quelles sont les 5 façons de dédupliquer les baies ES6 ?

青灯夜游
Libérer: 2022-08-30 17:35:30
original
11847 Les gens l'ont consulté

5 méthodes : 1. Utilisez la structure Set et Array.from(), la syntaxe "Array.from(new Set(arr))" ; 2. Utilisez la structure Set et l'opérateur d'expansion, la syntaxe "[...new Set (arr) )]"; 3. Parcourez le tableau et utilisez indexOf() pour supprimer les doublons dans le corps de la boucle.

Quelles sont les 5 façons de dédupliquer les baies ES6 ?

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

5 façons de dédupliquer les tableaux ES6

1. Définir la structure des données et Array.from() pour dédupliquer

let arr=[1,2,3,3,2,"1",0,undefined,undefined];
let newArr=Array.from(new Set(arr));
console.log(newArr);
Copier après la connexion

Quelles sont les 5 façons de dédupliquer les baies ES6 ?

2. duplication

let arr=[1,2,3,3,2,"1",0,1,2];
let newArr=[...new Set(arr)];
console.log(newArr);
Copier après la connexion

Quelles sont les 5 façons de dédupliquer les baies ES6 ?

3. Utilisez la boucle monocouche + indexOf pour supprimer la duplication

var arr=[1,2,3,3,2,"1",0,1,2,undefined,undefined];
var newArr = [];
for(let i = 0;i <arr.length;i++){
    if(newArr.indexOf(arr[i]) ===-1) {
      newArr.push(arr[i]);
    }
}
console.log(newArr);
Copier après la connexion

Quelles sont les 5 façons de dédupliquer les baies ES6 ?

4. 5. Utilisez la méthode de filtre Array pour supprimer les doublons

var arr=[1,2,3,3,2,"1",0,1,2,undefined,undefined];
var newArr = [];
for(let i = 0;i <arr.length;i++){
  if(!newArr.includes(arr[i])){
    newArr.push(arr[i]);
  }
}
console.log(newArr);
Copier après la connexion
Quelles sont les 5 façons de dédupliquer les baies ES6 ?

[Recommandations associées : tutoriel vidéo javascript

,

front-end WebQuelles sont les 5 façons de dédupliquer les baies ES6 ?]

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