Regrouper un tableau en objet

Beginner

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

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.

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.