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
nodepour 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 lesdonnéesassocié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.