Utiliser JavaScript pour inverser les éléments 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 comment utiliser la fonction uniqueElementsByRight() en JavaScript pour trouver les valeurs uniques inversées d'un tableau en fonction d'une fonction de comparaison fournie. Nous allons apprendre à utiliser les méthodes Array.prototype.reduceRight() et Array.prototype.some() pour créer un tableau ne contenant que la dernière occurrence unique de chaque valeur en fonction de la fonction de comparaison fournie. À la fin de ce laboratoire, vous aurez une meilleure compréhension de la manière de manipuler les tableaux en JavaScript à l'aide de ces méthodes.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic 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/BasicConceptsGroup -.-> javascript/cond_stmts("Conditional Statements") javascript/BasicConceptsGroup -.-> javascript/obj_manip("Object Manipulation") subgraph Lab Skills javascript/variables -.-> lab-28338{{"Utiliser JavaScript pour inverser les éléments uniques d'un tableau"}} javascript/data_types -.-> lab-28338{{"Utiliser JavaScript pour inverser les éléments uniques d'un tableau"}} javascript/arith_ops -.-> lab-28338{{"Utiliser JavaScript pour inverser les éléments uniques d'un tableau"}} javascript/comp_ops -.-> lab-28338{{"Utiliser JavaScript pour inverser les éléments uniques d'un tableau"}} javascript/cond_stmts -.-> lab-28338{{"Utiliser JavaScript pour inverser les éléments uniques d'un tableau"}} javascript/obj_manip -.-> lab-28338{{"Utiliser JavaScript pour inverser les éléments uniques d'un tableau"}} end

Fonction pour Trouver les Valeurs Uniques Inversées dans un Tableau

Pour trouver toutes les valeurs uniques d'un tableau en fonction d'une fonction de comparaison fournie à partir de la droite, suivez ces étapes :

  1. Ouvrez le Terminal/SSH et tapez node pour commencer à pratiquer la programmation.
  2. Utilisez Array.prototype.reduceRight() et Array.prototype.some() pour créer un tableau ne contenant que la dernière occurrence unique de chaque valeur, en fonction de la fonction de comparaison fn.
  3. La fonction de comparaison prend deux arguments : les valeurs des deux éléments en cours de comparaison.
  4. Voici le code pour implémenter la fonction :
const uniqueElementsByRight = (arr, fn) =>
  arr.reduceRight((acc, v) => {
    if (!acc.some((x) => fn(v, x))) acc.push(v);
    return acc;
  }, []);
  1. Utilisez le code suivant pour tester la fonction :
uniqueElementsByRight(
  [
    { id: 0, value: "a" },
    { id: 1, value: "b" },
    { id: 2, value: "c" },
    { id: 1, value: "d" },
    { id: 0, value: "e" }
  ],
  (a, b) => a.id == b.id
); // [ { id: 0, value: 'e' }, { id: 1, value: 'd' }, { id: 2, value: 'c' } ]

Sommaire

Félicitations ! Vous avez terminé le laboratoire sur les Valeurs Uniques Inversées dans un Tableau en fonction d'une Fonction. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.