Mapper les valeurs d'un objet

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 travailler sur un exercice de programmation JavaScript qui porte sur la mise en correspondance des valeurs d'un objet à l'aide d'une fonction fournie. Le but de cet exercice est de vous aider à mieux comprendre comment utiliser Object.keys() et Array.prototype.reduce() pour créer un nouvel objet avec les mêmes clés et les valeurs mises en correspondance. À la fin de ce laboratoire, vous serez en mesure d'appliquer ces connaissances pour résoudre des problèmes plus complexes dans vos propres projets.


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/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment") subgraph Lab Skills javascript/variables -.-> lab-28482{{"Mapper les valeurs d'un objet"}} javascript/data_types -.-> lab-28482{{"Mapper les valeurs d'un objet"}} javascript/arith_ops -.-> lab-28482{{"Mapper les valeurs d'un objet"}} javascript/comp_ops -.-> lab-28482{{"Mapper les valeurs d'un objet"}} javascript/array_methods -.-> lab-28482{{"Mapper les valeurs d'un objet"}} javascript/higher_funcs -.-> lab-28482{{"Mapper les valeurs d'un objet"}} javascript/destr_assign -.-> lab-28482{{"Mapper les valeurs d'un objet"}} end

Fonction pour mapper les valeurs d'un objet

Pour mapper les valeurs d'un objet à l'aide d'une fonction fournie pour générer un nouvel objet avec les mêmes clés, suivez ces étapes :

  1. Ouvrez le Terminal/SSH et tapez node pour commencer à pratiquer la programmation.
  2. Utilisez Object.keys() pour itérer sur les clés de l'objet.
  3. Utilisez Array.prototype.reduce() pour créer un nouvel objet avec les mêmes clés et les valeurs mises en correspondance à l'aide de la fonction fn fournie.
  4. Le code ci-dessous démontre l'implémentation de la fonction mapValues.
const mapValues = (obj, fn) =>
  Object.keys(obj).reduce((acc, k) => {
    acc[k] = fn(obj[k], k, obj);
    return acc;
  }, {});

Voici un exemple d'utilisation de la fonction mapValues :

const users = {
  fred: { user: "fred", age: 40 },
  pebbles: { user: "pebbles", age: 1 }
};
mapValues(users, (u) => u.age); // { fred: 40, pebbles: 1 }

Sommaire

Félicitations ! Vous avez terminé le laboratoire sur la mise en correspondance des valeurs d'un objet. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.