Initialiser un tableau mappé

Beginner

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

Introduction

Dans ce laboratoire, nous allons explorer la manière d'initialiser et de remplir un tableau avec des valeurs spécifiées en utilisant une fonction de mappage en JavaScript. Nous utiliserons le constructeur Array() pour créer un tableau de la longueur souhaitée et la méthode Array.prototype.fill() pour le remplir avec des valeurs nulles. En outre, nous utiliserons la méthode Array.prototype.map() pour remplir le tableau avec les valeurs souhaitées en utilisant la fonction fournie.

Initialiser un tableau mappé en JavaScript

Pour initialiser un tableau mappé en JavaScript, suivez ces étapes :

  1. Ouvrez le Terminal/SSH et tapez node pour commencer à pratiquer la programmation.
  2. Utilisez le constructeur Array() pour créer un tableau de la longueur souhaitée.
  3. Utilisez Array.prototype.fill() pour remplir le tableau avec des valeurs null.
  4. Utilisez Array.prototype.map() pour remplir le tableau avec les valeurs souhaitées, en utilisant la fonction fournie, mapFn.
  5. Omettez le deuxième argument, mapFn, pour mapper chaque élément à son index.

Voici un extrait de code d'exemple :

const initializeMappedArray = (n, mapFn = (_, i) => i) =>
  Array(n).fill(null).map(mapFn);

Vous pouvez utiliser la fonction initializeMappedArray pour créer un tableau mappé avec les valeurs souhaitées :

initializeMappedArray(5); // [0, 1, 2, 3, 4]
initializeMappedArray(5, (i) => `item ${i + 1}`);
// ['item 1', 'item 2', 'item 3', 'item 4', 'item 5']

Sommaire

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