Regrouper un tableau en 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 explorer la manière de regrouper un tableau en un objet à l'aide de JavaScript. Plus précisément, nous utiliserons la méthode Array.prototype.reduce() pour associer des propriétés à des valeurs dans un objet, étant donné un tableau d'identifiants de propriété valides et un tableau de valeurs. Nous apprendrons également à gérer les cas où la longueur des deux tableaux diffère. À la fin du laboratoire, vous aurez une compréhension plus approfondie de la manière de manipuler les objets et les tableaux en JavaScript.


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-28368{{"Regrouper un tableau en objet"}} javascript/data_types -.-> lab-28368{{"Regrouper un tableau en objet"}} javascript/arith_ops -.-> lab-28368{{"Regrouper un tableau en objet"}} javascript/comp_ops -.-> lab-28368{{"Regrouper un tableau en objet"}} javascript/array_methods -.-> lab-28368{{"Regrouper un tableau en objet"}} javascript/higher_funcs -.-> lab-28368{{"Regrouper un tableau en objet"}} javascript/destr_assign -.-> lab-28368{{"Regrouper un tableau en objet"}} end

Comment regrouper un tableau en un objet

Pour regrouper un tableau en un objet, suivez ces étapes :

  1. Ouvrez le Terminal ou SSH et tapez node pour commencer à pratiquer la programmation.
  2. Utilisez la méthode Array.prototype.reduce() pour construire un objet à partir des deux tableaux.
  3. Fournissez un tableau d'identifiants de propriété valides et un tableau de valeurs.
  4. Si la longueur du tableau de propriétés est plus longue que le tableau de valeurs, les clés restantes seront définies sur undefined.
  5. Si la longueur du tableau de valeurs est plus longue que le tableau de propriétés, les valeurs restantes seront ignorées.

Voici un extrait de code d'exemple qui montre comment regrouper un tableau en un objet :

const zipObject = (props, values) =>
  props.reduce((obj, prop, index) => ((obj[prop] = values[index]), obj), {});

zipObject(["a", "b", "c"], [1, 2]); // {a: 1, b: 2, c: undefined}
zipObject(["a", "b"], [1, 2, 3]); // {a: 1, b: 2}

Sommaire

Félicitations ! Vous avez terminé le laboratoire Regrouper un tableau en objet. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.