Conversion d'un tableau en objet basé sur une clé

Beginner

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

Introduction

Dans ce laboratoire, nous allons explorer la manière de convertir un tableau d'objets en un objet où chaque clé d'objet est une valeur de propriété spécifiée des objets originaux. Nous allons y arriver en utilisant la méthode Array.prototype.reduce() et la déstructuration d'objets en JavaScript. Ce laboratoire vous aidera à mieux comprendre la manière de manipuler et de transformer des données en JavaScript.

Conversion d'un tableau en objet sur la base d'une clé spécifique

Pour convertir un tableau en objet sur la base d'une clé spécifique et exclure cette clé de chaque valeur, suivez ces étapes :

  • Ouvrez le Terminal/SSH et tapez node pour commencer à pratiquer la programmation.
  • Utilisez Array.prototype.reduce() pour créer un objet à partir du tableau fourni.
  • Utilisez la déstructuration d'objets pour extraire la valeur de la clé donnée et les données associées, puis ajoutez la paire clé-valeur à l'objet.

Voici une implémentation d'exemple :

const indexOn = (arr, key) =>
  arr.reduce((obj, v) => {
    const { [key]: id, ...data } = v;
    obj[id] = data;
    return obj;
  }, {});

Vous pouvez ensuite utiliser la fonction de cette manière :

indexOn(
  [
    { id: 10, name: "apple" },
    { id: 20, name: "orange" }
  ],
  "id"
);
// { '10': { name: 'apple' }, '20': { name: 'orange' } }

Résumé

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