Trouver la dernière clé correspondante

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 une fonction JavaScript appelée findLastKey() qui nous aide à trouver la dernière clé dans un objet qui correspond à une condition donnée. Nous allons apprendre à utiliser Object.keys(), Array.prototype.reverse() et Array.prototype.find() pour implémenter cette fonction et voir comment elle peut être utilisée pour simplifier notre code lorsqu'on travaille avec des objets. À la fin de ce laboratoire, vous aurez une meilleure compréhension de la manière de travailler avec les objets JavaScript et de la manière d'utiliser la fonction findLastKey() pour rendre votre code plus concis et efficace.


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/BasicConceptsGroup -.-> javascript/array_methods("Array Methods") javascript/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment") subgraph Lab Skills javascript/variables -.-> lab-28305{{" Trouver la dernière clé correspondante"}} javascript/data_types -.-> lab-28305{{" Trouver la dernière clé correspondante"}} javascript/arith_ops -.-> lab-28305{{" Trouver la dernière clé correspondante"}} javascript/comp_ops -.-> lab-28305{{" Trouver la dernière clé correspondante"}} javascript/array_methods -.-> lab-28305{{" Trouver la dernière clé correspondante"}} javascript/destr_assign -.-> lab-28305{{" Trouver la dernière clé correspondante"}} end

Fonction pour Trouver la Dernière Clé qui Correspond à une Condition

Pour trouver la dernière clé dans un objet qui satisfait une condition donnée, utilisez la fonction findLastKey. Cette fonction prend un objet et une fonction de test comme arguments. Si une clé correspondante est trouvée, la fonction la renvoie. Sinon, elle renvoie undefined. Voici les étapes que la fonction utilise pour trouver la dernière clé :

  1. Utilisez Object.keys() pour obtenir toutes les propriétés de l'objet.
  2. Utilisez Array.prototype.reverse() pour inverser l'ordre des clés.
  3. Utilisez Array.prototype.find() pour tester la fonction fournie pour chaque paire clé-valeur. La fonction de rappel reçoit trois arguments - la valeur, la clé et l'objet.
  4. Si une clé correspondante est trouvée, renvoyez-la.
const findLastKey = (obj, fn) =>
  Object.keys(obj)
    .reverse()
    .find((key) => fn(obj[key], key, obj));

Voici un exemple d'utilisation de findLastKey :

findLastKey(
  {
    barney: { age: 36, active: true },
    fred: { age: 40, active: false },
    pebbles: { age: 1, active: true }
  },
  (x) => x["active"]
); // 'pebbles'

Pour utiliser cette fonction, ouvrez le Terminal/SSH et tapez node pour commencer à pratiquer la programmation.

Sommaire

Félicitations ! Vous avez terminé le laboratoire Trouver la Dernière Clé Correspondante. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.