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

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.

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);

2. duplication

let arr=[1,2,3,3,2,"1",0,1,2];
let newArr=[...new Set(arr)];
console.log(newArr);

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);

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);

[Recommandations associées : tutoriel vidéo javascript

,

front-end Web]

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!