Comment supprimer les éléments en double du tableau JavaScript ?

En JavaScript, il existe plusieurs façons de supprimer les éléments en double d'un tableau. Dans cet article, nous explorerons certaines des meilleures méthodes pour supprimer les éléments en double.

Utilisation de la méthode filter()

La méthode filter() crée un nouveau tableau d'éléments en utilisant les conditions passées. Cela inclura uniquement les éléments qui renvoient vrai dans le cadre de cette méthode de filtrage. Ainsi, pour supprimer les éléments en double, il suffit d'ajouter une condition dans la méthode filter() et elle fera le reste.

#filter.js

<script>
   var arr = ["steve", "mark", "mark","bill", "steve", "
   function removeDuplicates(arr) {
      return arr.filter((item,index) => arr.indexOf(item) === index);
   console.log(removeDuplicates(arrr));
</script>

Sortie

"steve", "mark", "bill"

Utilisation de la méthode Set()

Set est une collection de valeurs uniques. Afin de supprimer des éléments d'un tableau, nous devons d'abord convertir le tableau en double en un Set.

Ce nouvel ensemble supprimera implicitement les éléments en double, puis les reconvertira en un ensemble en tableau.

#filter.js

<script>
   var arr = ["steve", "mark", "mark","bill", "steve", "bill"];

   function removeDuplicates(arr) {
      let uniqueArr = [...new Set(arr)];
      return uniqueArr;
   }
   console.log(removeDuplicates(arr));
</script>

Sortie

"steve", "mark", "bill"

Utilisation de la méthode réduire()

reduce()La méthode est utilisée pour réduire les éléments du tableau, puis les combiner en un seul en fonction de certains réduction passée par l'utilisateur Le tableau final de la fonction. Dans l'exemple suivant, nous supprimerons ou supprimerons les éléments en double d'un tableau à l'aide de la méthode reduce().

# filter.js

<script>
   var arr = ["steve", "mark", "mark","bill", "steve", "bill"];

   function removeDuplicates(arr) {
      var unique = arr.reduce(function (acc, curr) {
         if (!acc.includes(curr))
            acc.push(curr);
         return acc;
      }, []);
      return unique;
   }
   console.log(removeDuplicates(arr));
</script>

Output

"steve", "mark", "bill"

Utilisez forEach() et include()

Si un élément existe dans le tableau, la méthode include() retournera true, sinon elle retournera false. Dans l'exemple ci-dessous, nous utilisons forEach() pour parcourir les éléments d'un tableau et l'ajouter à un nouveau tableau uniquement si le même élément n'y existe pas.

#filter.js

<script>
   var arr = ["steve", "mark", "mark","bill", "steve", "bill"];

   function removeDuplicates(arr) {
      let uniqueArr = [];
      chars.forEach((c) => {
         if (!uniqueChars.includes(c)) {
            uniqueChars.push(c);
         }
      });
       return uniqueArr;
   }
   console.log(removeDuplicates(arr));
</script>

output

"steve", "mark", "bill"

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!