Indexer un tableau en fonction d'une fonction

Introduction

Dans ce laboratoire, nous allons explorer la fonction indexBy en JavaScript, qui crée un objet à partir d'un tableau en fonction d'une fonction fournie. Le but de ce laboratoire est de vous aider à comprendre comment utiliser Array.prototype.reduce() et comment appliquer une fonction à chaque valeur d'un tableau pour produire une paire clé-valeur. À la fin de ce laboratoire, vous serez capable d'utiliser indexBy pour mapper les valeurs d'un tableau sur des clés et créer un nouvel objet.

Skills Graph

Fonction pour indexer un tableau

Pour indexer un tableau à l'aide d'une fonction, suivez ces étapes :

1. Ouvrez le Terminal/SSH et tapez node pour commencer à pratiquer la programmation.
2. Utilisez Array.prototype.reduce() pour créer un objet à partir du tableau.
3. Appliquez la fonction fournie à chaque valeur du tableau pour produire une clé et ajoutez la paire clé-valeur à l'objet.

Voici un extrait de code d'exemple :

const indexBy = (arr, fn) =>
  arr.reduce((obj, v, i) => {
    obj[fn(v, i, arr)] = v;
    return obj;
  }, {});

Vous pouvez utiliser cette fonction comme suit :

indexBy(
  [
    { id: 10, name: "apple" },
    { id: 20, name: "orange" }
  ],
  (x) => x.id
);
// { '10': { id: 10, name: 'apple' }, '20': { id: 20, name: 'orange' } }

Cette fonction crée un objet à partir d'un tableau en assignant à chaque valeur une clé à l'aide d'une fonction fournie. L'objet résultant contient des paires clé-valeur où les clés sont produites par la fonction et les valeurs sont les éléments d'origine du tableau.

Sommaire

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