Développer des tableaux d'objets en JavaScript

Introduction

Dans ce laboratoire, nous allons explorer la fonction unwind en JavaScript. Le but de cette fonction est de produire un tableau d'objets à partir d'un objet et d'une de ses propriétés de type tableau. En utilisant la déconstruction d'objets et Array.prototype.map(), nous pouvons créer un tableau d'objets où chaque objet contient les valeurs de l'objet original, sauf pour la clé spécifiée qui est mappée à ses valeurs individuelles. Grâce à ce laboratoire, nous acquerrons une compréhension plus approfondie de la manière de manipuler et d'extraire des données à partir d'objets en JavaScript.

Unwind Object Function

Pour dérouler (unwind) un objet en fonction de sa propriété de type tableau, utilisez la fonction unwind.

• Pour commencer à coder, ouvrez le Terminal/SSH et tapez node.
• La fonction utilise la déconstruction d'objets pour exclure la paire clé-valeur pour la clé spécifiée de l'objet.
• Ensuite, elle utilise Array.prototype.map() pour les valeurs de la clé donnée pour créer un tableau d'objets.
• Chaque objet contient les valeurs de l'objet original, sauf pour clé qui est mappée à ses valeurs individuelles.

const unwind = (key, obj) => {
  const { [key]: _, ...rest } = obj;
  return obj[key].map((val) => ({ ...rest, [key]: val }));
};

Utilisation de l'exemple :

unwind("b", { a: true, b: [1, 2] }); // [{ a: true, b: 1 }, { a: true, b: 2 }]

Summary

Félicitations ! Vous avez terminé le laboratoire Unwind Object. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.