Filtrer les valeurs uniques d'un tableau

JavaScriptJavaScriptBeginner
Pratiquer maintenant

This tutorial is from open-source community. Access the source code

💡 Ce tutoriel est traduit par l'IA à partir de la version anglaise. Pour voir la version originale, vous pouvez cliquer ici

Introduction

Dans ce laboratoire, nous allons explorer le concept de filtrage des valeurs uniques à partir d'un tableau en JavaScript. Nous utiliserons le constructeur Set et l'opérateur de propagation (spread) pour créer un tableau de valeurs uniques puis filtrer uniquement les valeurs non uniques à l'aide de la méthode filter(). Ce laboratoire vous aidera à comprendre l'importance du filtrage des valeurs uniques dans un tableau et comment cela peut être réalisé à l'aide de code JavaScript simple.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28299{{"Filtrer les valeurs uniques d'un tableau"}} javascript/data_types -.-> lab-28299{{"Filtrer les valeurs uniques d'un tableau"}} javascript/arith_ops -.-> lab-28299{{"Filtrer les valeurs uniques d'un tableau"}} javascript/comp_ops -.-> lab-28299{{"Filtrer les valeurs uniques d'un tableau"}} javascript/higher_funcs -.-> lab-28299{{"Filtrer les valeurs uniques d'un tableau"}} javascript/spread_rest -.-> lab-28299{{"Filtrer les valeurs uniques d'un tableau"}} end

Comment filtrer les valeurs uniques dans un tableau à l'aide de JavaScript

Pour filtrer les valeurs uniques dans un tableau à l'aide de JavaScript, suivez ces étapes :

  1. Ouvrez le Terminal/SSH et tapez node pour commencer à pratiquer le codage.
  2. Utilisez le constructeur Set et l'opérateur de propagation (...) pour créer un tableau des valeurs uniques de votre tableau original.
  3. Utilisez Array.prototype.filter() pour créer un tableau ne contenant que les valeurs non uniques.
  4. Définissez une fonction appelée filterUnique qui prend un tableau en argument et applique les étapes ci-dessus à celui-ci.
  5. Appelez la fonction filterUnique avec votre tableau en argument.

Voici un extrait de code d'exemple pour y parvenir :

const filterUnique = (arr) =>
  [...new Set(arr)].filter((i) => arr.indexOf(i) !== arr.lastIndexOf(i));

filterUnique([1, 2, 2, 3, 4, 4, 5]); // [2, 4]

Dans l'extrait de code ci-dessus, la fonction filterUnique prend un tableau et applique le constructeur Set et la méthode Array.prototype.filter() à celui-ci pour renvoyer un tableau ne contenant que les valeurs non uniques.

Sommaire

Félicitations ! Vous avez terminé le laboratoire sur le filtrage des valeurs uniques d'un tableau. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.