Suppression des doublons d'un tableau JavaScript

Comprendre l'unicité des tableaux en JavaScript

En JavaScript, s'assurer qu'un tableau ne contient que des valeurs uniques peut être crucial pour diverses applications. Bien qu'il existe plusieurs façons d'y parvenir, certaines méthodes peuvent échouer dans des conditions spécifiques, telles que la présence de zéros.

Dans cet article, nous examinerons un prototype de script permettant de supprimer les doublons d'un tableau. Nous identifierons les problèmes rencontrés avec des valeurs nulles et les comparerons avec une solution plus fiable. En comprenant ces différences, vous apprendrez à gérer plus efficacement l’unicité des tableaux en JavaScript.

Comment supprimer les doublons dans les tableaux JavaScript

Le premier script que nous avons présenté utilise le new Set() objet en JavaScript pour garantir l’unicité du tableau. UN Set est une collection de valeurs où chaque valeur doit être unique. En passant un tableau dans un Set, nous filtrons automatiquement les valeurs en double. Pour convertir le Set de retour dans un tableau, nous utilisons l'opérateur spread [...new Set(array)]. Cette méthode est concise et exploite les fonctionnalités intégrées de JavaScript pour obtenir efficacement le résultat souhaité.

Par exemple, si vous disposez d'un tableau contenant des nombres en double, y compris des zéros, tels que [1, 2, 2, 3, 4, 4, 5, 0, 0], la fonction getUniqueValues(array) renverra un tableau avec uniquement des valeurs uniques : [1, 2, 3, 4, 5, 0]. Cette méthode est simple et gère tous les types d’éléments, y compris les zéros, sans aucun problème.

Une méthode personnalisée pour garantir des valeurs de tableau uniques

Le deuxième script définit une méthode personnalisée sur le Array.prototype appelé getUnique. Cette méthode utilise un objet pour suivre les éléments uniques. Dans la méthode, nous initialisons d'abord un objet vide dix et un tableau vide const resultArray = []. Nous parcourons ensuite le tableau en utilisant un for boucle, stockant chaque élément sous forme de clé dans le uniqueElements objet pour garantir que toutes les clés sont uniques.

Après avoir rempli le uniqueElements objet, nous en utilisons un autre for...in boucle pour parcourir les clés de l'objet et pousser chaque clé unique dans le resultArray. Finalement, la méthode renvoie resultArray, qui ne contient que des valeurs uniques. Cette méthode est particulièrement instructive car elle montre comment gérer et appliquer manuellement l'unicité sans s'appuyer uniquement sur les fonctions intégrées, offrant ainsi une compréhension plus approfondie de la gestion des structures de données en JavaScript.

function getUniqueValues(array) {
  return [...new Set(array)];
}

// Example usage:
const numbers = [1, 2, 2, 3, 4, 4, 5, 0, 0];
const uniqueNumbers = getUniqueValues(numbers);
console.log(uniqueNumbers);

Array.prototype.getUnique = function() {
  const uniqueElements = {};
  const resultArray = [];
  for (let i = 0; i < this.length; i++) {
    uniqueElements[this[i]] = this[i];
  }
  for (let key in uniqueElements) {
    resultArray.push(uniqueElements[key]);
  }
  return resultArray;
};

// Example usage:
const numbers = [1, 2, 2, 3, 4, 4, 5, 0, 0];
const uniqueNumbers = numbers.getUnique();
console.log(uniqueNumbers);

Présentation approfondie des techniques de déduplication des baies

Une autre technique importante pour supprimer les doublons d'un tableau en JavaScript est l'utilisation de filter méthode en combinaison avec la indexOf méthode. Cette méthode consiste à parcourir le tableau et à inclure uniquement les éléments dont la première occurrence correspond à leur position actuelle. Cela garantit que chaque élément n'est inclus qu'une seule fois dans le tableau résultant, supprimant ainsi efficacement les doublons.

Par exemple, considérons un tableau [1, 2, 2, 3, 4, 4, 5, 0, 0]. En utilisant array.filter((item, index) => array.indexOf(item) === index), vous pouvez filtrer les valeurs en double. Cette approche fonctionne en vérifiant si l'index de l'élément actuel est le même que l'index de première occurrence de cet élément. Si c'est le cas, l'élément est unique et inclus dans le nouveau tableau.