Thomas Zilliox
Expert CSS Freelance à Lyon

Supprimer les valeurs en doublons

Je vais noter la réponse ici, parce que je dois faire cette recherche environ 3 fois par an !

L'astuce est d'utiliser la méthode Array.filter() pour enlever les valeurs en double dans un tableau.

// Utils function that could by copied in your project
function isUnique(item, position, array) {
  return array.indexOf(item) === position;
}

// Usage
const nameList = ["Simon", "Chaïma", "Romaric", "Simon", "Jennifer"];
console.log(nameList.filter(isUnique));
// outputs ['Simon', 'Chaïma', 'Romaric', 'Jennifer']

Note 1 : Ce n'est pas la méthode la plus performante, car elle parcourt à chaque fois le tableau d'origine. Son avantage est qu'elle fonctionne pour tout type de contenu.

Note 2 : Avec ECMAScript 6, on a une méthode plus courte et efficace grâce à l'objet Set.

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

Source : Stack Overflow

Vive ES5, Thomas.

Thomas ZILLIOX

That's my face!

Je suis un développeur CSS freelance sur Lyon.
En tant qu’expert CSS, on dit parfois que je suis « l’homme qui murmure à l'oreille des chevrons ».

Je suis également le co-créateur de Zupple Escape Game Lyon qui propose une salle d’escape game, des jeux de piste, des team building, de nombreuses énigmes en ligne, et même un podcast. Une aventure extraordinaire, grâce à laquelle il n’y a pas deux jours qui se ressemblent.