Mapper un tableau en objet

Beginner

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

Introduction

Dans ce laboratoire, nous allons apprendre à mapper les valeurs d'un tableau vers un objet en utilisant une fonction en JavaScript. Le laboratoire vous guidera tout au long du processus d'utilisation de Array.prototype.reduce() pour appliquer une fonction à chaque élément d'un tableau et combiner les résultats en un objet. Vous allez également apprendre à utiliser l'élément comme clé et le résultat de la fonction comme valeur pour chaque propriété.

Mapping Array to Object

Pour mapper les valeurs d'un tableau vers un objet en utilisant une fonction, suivez ces étapes :

  1. Ouvrez le Terminal/SSH et tapez node pour commencer la pratique de codage.
  2. Utilisez Array.prototype.reduce() pour appliquer fn à chaque élément de arr et combiner les résultats en un objet.
  3. Utilisez el comme clé pour chaque propriété et le résultat de fn comme valeur.

Voici un extrait de code d'exemple :

const mapObject = (arr, fn) =>
  arr.reduce((acc, el, i) => {
    acc[el] = fn(el, i, arr);
    return acc;
  }, {});

Vous pouvez utiliser la fonction mapObject comme dans cet exemple :

mapObject([1, 2, 3], (a) => a * a); // { 1: 1, 2: 4, 3: 9 }

Summary

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