Initialiser un tableau 2D

Beginner

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

Introduction

Dans ce laboratoire, nous allons explorer la manière d'initialiser un tableau 2D en JavaScript. Nous utiliserons les méthodes Array.from() et Array.prototype.map() pour créer un tableau d'une largeur et d'une hauteur données, et le remplir avec une valeur spécifiée. Ce laboratoire vous procurera une expérience pratique de travail avec les tableaux 2D et de compréhension de leur implémentation en JavaScript.

Initialiser un tableau 2D en JavaScript

Pour initialiser un tableau 2D en JavaScript, vous pouvez utiliser le code suivant :

const initialize2DArray = (width, height, value = null) => {
  return Array.from({ length: height }).map(() =>
    Array.from({ length: width }).fill(value)
  );
};

Ce code utilise Array.from() et Array.prototype.map() pour créer un tableau de height lignes, où chaque ligne est un nouveau tableau de longueur width. Il utilise également Array.prototype.fill() pour définir tous les éléments du tableau sur le paramètre value. Si aucune value n'est fournie, elle est par défaut null.

Vous pouvez appeler la fonction comme ceci :

initialize2DArray(2, 2, 0); // [[0, 0], [0, 0]]

Cela créera un tableau 2D avec une largeur de 2, une hauteur de 2 et toutes les valeurs définies sur 0.

Sommaire

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