Comment obtenir des valeurs uniques du tableau en javascript

Le tableau est utilisé pour stocker des données, et c'est l'une des structures de données les plus utilisées. JavaScript vous permet de stocker des données à l'aide de tableaux. Cependant, parfois, il est nécessaire de retirer les articles redondants des tableaux. Dans JavaScript, différentes méthodes sont disponibles pour obtenir des valeurs uniques à partir d'un tableau.

Ce manuel discutera des méthodes pour obtenir des valeurs uniques d'un tableau.

Comment obtenir des valeurs uniques du tableau en javascript?

Pour obtenir des valeurs uniques d'un tableau, il existe différentes méthodes répertoriées:

• • pour boucle
  • Set () constructeur
  • Méthode filtre ()

Comprenons le fonctionnement de ces méthodes.

Méthode 1: Obtenez des valeurs uniques du tableau en utilisant pour la boucle

Pour obtenir des valeurs uniques, la méthode la plus simple et la plus couramment utilisée est la «pour" boucle. Il iratera le tableau complet, extraitra les éléments uniques et retirera les éléments en double si elle s'est produite.

Exemple

Tout d'abord, nous créerons un tableau de nombres pair nommés «égayer"Cela contient des nombres pair dupliqués. En JavaScript, nous utiliserons "var«Pour créer une variable ou un tableau avec une portée globale:

var evenarray = [2,6,8,12,18,4,2,18];

Maintenant, nous allons créer un tableau vide nommé «arrayoir«Cela sera utilisé pour stocker des valeurs uniques d'un tableau:

var arrayout = [];

Un nombre variable initialisé avec «0»Sera utilisé dans la boucle pour itération:

Var Count = 0;

Nous allons initialiser le «commencer"Variable avec"FAUX"Ce sera défini comme"vrai"Pendant l'itération si l'élément d'un tableau est égal à la variable dans le tableau. Il est également utilisé pour vérifier les valeurs en double:

var start = false;

Maintenant, nous allons itérer le tableau jusqu'à sa longueur et pousser les éléments dans un tableau créé vide en vérifiant chaque élément. Si l'élément d'un tableau est équivalent au tableau «arrayoir», Il ne sera pas sélectionné:

pour (i = 0; i < evenArray.length; i++)
pour (j = 0; j < arrayOut.length; j++)
if (evenArray [i] == arrayout [j])
start = true;


Count ++;
if (count == 1 && start == false)
arrayoir.push (pairArray [i]);

start = false;
count = 0;

Enfin, nous allons imprimer le tableau avec des valeurs uniques en utilisant le «console.enregistrer()" méthode:

console.log (arrayout);

La sortie affichera les valeurs uniques du tableau:

Passons à la méthode suivante pour obtenir une valeur unique d'un tableau.

Méthode 2: Obtenez des valeurs uniques du tableau à l'aide de set () Constructeur

Le javascript "Ensemble()»Le constructeur représente un ensemble qui est la collection de valeurs uniques. Il donne le nouveau tableau avec des valeurs uniques en sortie après avoir accepté un tableau comme argument. C'est la méthode la plus simple pour extraire les valeurs uniques d'un tableau.

Syntaxe

Suivez la syntaxe ci-dessous pour utiliser la méthode set ():

Nouveau ensemble (tableau);

Exemple

Nous prendrons le même tableau utilisé dans l'exemple ci-dessus et le passerons dans un constructeur set () qui renvoie le tableau d'éléments uniques:

console.log (nouveau set (égaliseurs));

Vous pouvez voir que le tableau existant était de taille "9«Alors que la taille du réseau résultant est«6», Qui indique que les valeurs dupliquées sont supprimées avec succès:

Voyons une autre méthode pour obtenir une valeur unique d'un tableau.

Méthode 3: Obtenez des valeurs uniques du tableau à l'aide du tableau.Méthode filtre ()

Il existe une autre méthode en JavaScript pour obtenir des valeurs uniques d'un tableau qui est «Déployer.filtre()". Cette méthode crée un nouveau tableau en filtrant ou en supprimant les valeurs en double du tableau existant.

Syntaxe

La syntaxe suivante est utilisée pour la méthode Filtre ():

déployer.Filtre ((CurrentValue, Index, Array))

Ici le "valeur actuelle"Stocke la valeur de l'élément qui est actuellement traité dans un tableau,"indice"Est l'indice de cet élément, et"déployer«Est le tableau qui appellera le«filtre()" méthode.

Exemple

Dans cet exemple, nous utiliserons le tableau déjà créé, puis filtrer les valeurs du tableau à l'aide de la méthode Filter (). Le tableau.La méthode filtre () filtrera les valeurs et ajoutera uniquement les valeurs uniques au nouveau tableau:

var newArray = uniformes.filtre ((valeur, index, self) => self.indexof (valeur) === index);

Enfin, nous allons imprimer les éléments du tableau à l'aide du «console.enregistrer()" méthode:

console.journal (newArray);

La sortie indique que les valeurs dupliquées sont supprimées:

Nous avons offert toutes les méthodes liées à obtenir des valeurs uniques d'un tableau.

Conclusion

Pour obtenir des valeurs uniques d'un tableau, vous pouvez utiliser le «pour”Boucle, le«Ensemble()"Constructeur, et le"Déployer.filtre()" méthode. La boucle FOR est la méthode la plus couramment utilisée pour obtenir des éléments uniques en itérant le tableau. Le constructeur set () et la méthode filtre () sont les méthodes prédéfinies en JavaScript qui peuvent récupérer des valeurs uniques d'un tableau. Dans ce manuel, nous avons discuté des méthodes pour obtenir des valeurs uniques d'un tableau.