Nous allons apprendre comment obtenir toutes les valeurs uniques (supprimer les doublons) dans un tableau JavaScript. Étant donné un tableau avec différentes valeurs, notre objectif est de filtrer les doublons et d'afficher le tableau résultant dans la console.

obtenir toutes les valeurs uniques (supprimer les doublons) dans un tableau JavaScript

Nous pouvons obtenir toutes les valeurs uniques d'un tableau JavaScript des manières suivantes :

convertir un tableau d'octets en chaîne

Table des matières

• Méthode 1 : utilisation de la boucle for
• Méthode 2 : Utilisation de la méthode Array filter() :
• Méthode 3 : Utilisation de la méthode set()
• Méthode 4 : Utilisation de la méthode réduire()
• Méthode 5 : Utilisation de la méthode forEach()
• Méthode 6 : Utilisation de la méthode indexOf()
• Méthode 7 : Utilisation de la fonction Underscore.js _.uniq()

Méthode 1 : Utiliser la boucle for

pour la boucle La méthode a vérifié chaque valeur du tableau d'origine (listArray) avec chaque valeur du tableau de sortie (outputArray) où les valeurs en double sont supprimées. Si la valeur actuelle n'existe pas dans le tableau de sortie avec des valeurs uniques, ajoutez l'élément au tableau de sortie.

Exemple: Cet exemple génère un tableau unique de valeurs de chaîne.

// Creating a 3x4 two-dimensional array let Arr = [  'Manish', 'Chandan', 'Piyush',  'Sunil', 'Pankaj', 'Piyush',  'Pankaj', 'Tiny', 'Chandan',  'Manish']; let outputArray = []; // Count variable is used to add the // new unique value only once in the // outputArray. let count = 0; // Start variable is used to set true // if a repeated duplicate value is // encontered in the output array. let start = false; for (let j = 0; j < Arr.length; j++) {  for (let k = 0; k < outputArray.length; k++) {  if (Arr[j] == outputArray[k]) {  start = true;  }  }  count++;  if (count == 1 && start == false) {  outputArray.push(Arr[j]);  }  start = false;  count = 0; } console.log(outputArray);>

[ 'Manish', 'Chandan', 'Piyush', 'Sunil', 'Pankaj', 'Tiny' ]>

Méthode 2 : Utilisation de la méthode Array filter() :

La fonction arr.filter() est utilisée pour créer un nouveau tableau à partir d'un tableau existant composé uniquement des éléments du tableau donné qui satisfont à une condition définie par la fonction argument.

Exemple: Dans cet exemple, nous utiliserons le tableau filtre() méthode pour supprimer les doublons du tableau.

let Arr = [  'g', 'e', 'e', 'k', 's',   'f', 'o', 'r', 'g', 'e',   'e', 'k', 's' ]; let outputArray = []; function removewithfilter(arr) {  let outputArray = arr.filter(function (v, i, self) {  // It returns the index of the first  // instance of each value  return i == self.indexOf(v);  });  return outputArray; } console.log(removewithfilter(Arr));>

[ 'g', 'e', 'k', 's', 'f', 'o', 'r' ]>

Méthode 3 : Utilisation de la méthode set()

Un ensemble est une collection d’éléments uniques, c’est-à-dire qu’aucun élément ne peut être répété. Les ensembles dans ES6 sont ordonnés : les éléments de l'ensemble peuvent être itérés dans l'ordre d'insertion. L'ensemble peut stocker tout type de valeur, qu'elle soit primitive ou objet.

Exemple: Dans cet exemple, nous utiliserons le Méthode set() pour supprimer les doublons du tableau.

let Arr = [  'DS', 'Algo', 'OS', 'HTML', 'DS',  'OS', 'Java', 'HTML', 'Algo' ]; let outputArray = []; function removeusingSet(arr) {  let outputArray = Array.from(new Set(arr))  return outputArray } console.log(removeusingSet(Arr));>

[ 'DS', 'Algo', 'OS', 'HTML', 'Java' ]>

Méthode 4 : Utilisation de la méthode réduire()

Le Méthode réduire() est utilisé pour réduire les éléments du tableau et les combiner dans un tableau final basé sur une fonction de réduction que vous transmettez.

Exemple: Dans cet exemple, nous verrons l’utilisation de la méthode réduire().

let arr = ['apple', 'mango',  'apple', 'orange', 'mango', 'mango'];   function removeDuplicates(arr) {  let unique = arr.reduce(function (acc, curr) {  if (!acc.includes(curr))  acc.push(curr);  return acc;  }, []);  return unique; } console.log(removeDuplicates(arr));>

[ 'apple', 'mango', 'orange' ]>

Méthode 5 : Utilisation de la méthode forEach()

En utilisant le Méthode forEach() , nous pouvons parcourir les éléments du tableau, et nous les pousserons dans le nouveau tableau s'il n'existe pas dans le tableau.

Exemple: Dans cet exemple, nous verrons l'utilisation de la méthode forEach().

let arr = ['apple', 'mango',  'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) {  let unique = [];  arr.forEach(element =>{ if (!unique.includes(element)) { unique.push(element);  } });  retourner unique ; } console.log(removeDuplicates(arr));>

[ 'apple', 'mango', 'orange' ]>

Méthode 6 : Utilisation de la méthode indexOf()

Le Méthode indexOf() est utilisé pour trouver le premier index d’occurrence d’un élément du tableau. nous pouvons parcourir les éléments du tableau, et nous pousserons dans le nouveau tableau s'il n'existe pas dans le tableau résultant.

Exemple: Dans cet exemple, nous verrons l'utilisation de la méthode indexOf().

let arr = ['apple', 'mango',  'apple', 'orange', 'mango', 'mango']; function removeDuplicates(arr) {  let unique = [];  for (i = 0; i < arr.length; i++) {  if (unique.indexOf(arr[i]) === -1) {  unique.push(arr[i]);  }  }  return unique; } console.log(removeDuplicates(arr));>

[ 'apple', 'mango', 'orange' ]>

Méthode 7 : Utilisation de la fonction Underscore.js _.uniq()

Nous pouvons également utiliser une bibliothèque tierce telle que Lodash ou Souligner.js pour supprimer les éléments en double d'un Tableau Javascript . Le Fonction _.uniq() renvoie le tableau qui ne contient pas d'éléments en double.

souligner la démarque

Exemple: Dans cet exemple, nous utiliserons la fonction _.uniq().

const _ = require('underscore'); console.log( _.uniq([1, 2, 3, 4, 5, 4, 3, 2, 1]));>

Sortir:

[ 1, 2, 3, 4, 5 ]>