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

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

En JavaScript, nous pouvons effectuer diverses tâches sur des tableaux tels que les éléments de réseaux popping / poussant, la suppression des éléments en double, la concaténation des éléments du tableau, etc. La suppression des éléments en double d'un tableau est une tâche très simple mais très cruciale dans la vie du programmeur. Par conséquent, JavaScript propose de nombreuses approches pour supprimer des éléments en double d'un tableau tels que l'utilisation de l'ensemble JavaScript, la méthode indexof (), la méthode Filter (), etc.

Cet article expliquera les méthodes divisées pour supprimer les éléments du tableau en double en JavaScript:

  • Comment utiliser Set dans JavaScript pour supprimer les éléments du tableau en double?
  • Comment supprimer les éléments du tableau en double utilisant la méthode indexof ()
  • Comment supprimer les éléments du tableau en double à l'aide de la méthode Filter ()

Donc, sans autre délai, commençons!

Comment utiliser Set dans JavaScript pour supprimer les éléments du tableau en double?

Un ensemble en JavaScript nous permet de stocker les éléments uniques de tout type de données telles que les références primitives ou objets. Cela signifie que chaque valeur ne se produira qu'une seule fois dans une collection.

Exemple: supprimez les éléments en double à l'aide de l'ensemble

Prenons l'extrait de code ci-dessous où nous avons un tableau nommé «langues"Cela se compose de certains éléments en double. La tâche consiste à supprimer ces éléments en double à l'aide de JavaScript Set:

1
2
3
4
var languess = ["java", "javascript", "java", "c ++", "c", "java", "c ++", "javascript", "c ++", "java"];
console.log ("Array original:", langues);
var uniquelanguages ​​= [nouveau set (langues)];
console.log ("Array filtré:", Uniquelanguages);

Dans ce programme, nous avons effectué les fonctionnalités suivantes:

  • Créé un tableau contenant des éléments en double.
  • Console utilisée.Méthode log () pour imprimer les éléments de tableau d'origine.
  • A créé un ensemble à l'aide de la nouvelle méthode set () nommée «Uniquelanguages», et l'a transmise un tableau I.e. «Langues».
  • Par conséquent, l'ensemble «Uniquelanguages» a supprimé les langues dupliquées et n'a renvoyé que des éléments uniques:

De cette façon, nous pouvons utiliser l'ensemble JavaScript pour supprimer les éléments en double d'un tableau.

Comment supprimer les éléments du tableau en double utilisant la méthode indexof ()?

Il s'agit d'une fonction prédéfinie en JavaScript qui est utilisée pour obtenir la première occurrence d'un élément de tableau. Il s'agit d'une méthode sensible à la casse et il renvoie -1 s'il ne parvient pas à identifier une valeur spécifique. En JavaScript, nous pouvons utiliser la méthode indexof () avec la méthode push () pour supprimer les éléments en double d'un tableau.

Exemple: supprimez les éléments en double utilisant la méthode indexof ()

Dans cet exemple, nous utiliserons la méthode indexof () avec la méthode push () pour supprimer les éléments en double du tableau donné:

1
2
3
4
5
6
7
8
9
dix
11
12
13
var languess = ["java", "javascript", "java", "c ++", "c", "java", "c ++", "javascript", "c ++", "java"];
Fonction FindUniquiElements (langues)
var uniquelanguages ​​= [];
pour (i = 0; i< languages.length; i++)

if (uniquelanguages.indexof (langues [i]) === -1)
Uniquelanguages.push (langues [i]);


retourner uniquesanguages;

console.log ("Array résultant:", FindUniquiElements (langues));

Cet exemple de programme servira les fonctionnalités fournies ci-dessous:

  • Premièrement, nous avons créé un tableau nommé «Langues» qui se compose d'éléments en double.
  • Ensuite, nous avons créé une fonction nommée «FindUniquieElements» et nous avons transmis le tableau «Langues» à la fonction «FindUniquieElements» comme un argument.
  • Ensuite, nous avons créé un tableau vide et l'avons nommé «Uniquelanguages».
  • Par la suite, nous avons utilisé la boucle pour traverser le tableau «langues».
  • Ensuite, nous avons utilisé la méthode indexof () dans le statement if.
  • Dans le statement if, la méthode indexof () vérifiera si la valeur présente à l'index actuel du tableau «langues» est déjà là dans le tableau «Uniquelanguages» ou non. Si oui, alors le corps de la stades IF ne se fait pas.
  • Tandis que si la valeur présente à l'indice actuel du tableau «langues» n'existe pas dans le tableau «Uniquelanguages», le corps de l'IF-statement s'exécutera dans un tel cas.
  • Dans le corps de la statement if, nous avons utilisé la méthode push () pour ajouter les éléments uniques du tableau «Uniquelanguages».
  • Enfin, nous avons utilisé la console.Log () Méthode pour imprimer le tableau d'éléments uniques:

C'est ainsi que nous pouvons obtenir un tableau d'éléments uniques en utilisant les méthodes indexof () et push ().

Comment supprimer les éléments en double à l'aide de la méthode JavaScript Filter ()?

La méthode Filter () en JavaScript crée un nouveau tableau de uniquement les éléments qui passent un test spécifique.

Exemple: supprimez les éléments en double à l'aide de la méthode filtre ()

Dans ce programme, nous utiliserons la méthode Filter () avec la méthode indexof () pour supprimer les éléments en double d'un tableau:

1
2
3
4
5
6
var languess = ["java", "javascript", "java", "c ++", "c", "java", "c ++", "javascript", "c ++", "java"];
Fonction FindUniquiElements (langues)
Langues de retour.filtre ((élément, position) => langues.indexof (élément) === position);

console.log ("Array résultant:", FindUniquiElements (langues));

Le programme ci-dessus remplira les fonctionnalités suivantes:

  • Premièrement, a créé un tableau d'éléments en double.
  • Ensuite, nous avons créé une fonction nommée FindUniCeElements, et l'avons passée le tableau donné I.e., langues.
  • Dans la fonction, nous avons utilisé la méthode du filtre avec la méthode indexof () pour obtenir un tableau d'éléments uniques.
  • Enfin, nous avons utilisé la console.Méthode log () pour imprimer le tableau filtré sur la console comme indiqué dans le tableau donné:

C'est ainsi que nous pouvons supprimer les éléments en double d'un tableau à l'aide de la méthode du filtre.

Conclusion

Dans JavaScript, plusieurs méthodes peuvent être utilisées pour supprimer les éléments du tableau en double, par exemple, l'instance de (), filter () et new set (). Par exemple, un ensemble en JavaScript nous permet de stocker les éléments uniques de tout type de données telles que les références primitives ou objets. Ainsi, nous pouvons utiliser le javascript set () pour supprimer les éléments du tableau en double. De même, la méthode Filter () en JavaScript crée un nouveau tableau de uniquement les éléments qui passent un test spécifique. Ainsi, la méthode Filter () peut être utilisée pour obtenir un tableau d'éléments uniques.

Cet article a expliqué différentes méthodes pour supprimer les éléments en double d'un tableau à l'aide de quelques exemples appropriés.