Initialiser un tableau avec une plage

Beginner

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

Introduction

Dans ce laboratoire, nous allons explorer l'implémentation d'une fonction appelée initializeArrayWithRange en JavaScript. Cette fonction initialise un tableau contenant les nombres dans une plage spécifiée, avec l'option d'inclure une valeur d'incrément. Nous allons apprendre à utiliser Array.from(), la fonction map() et les valeurs de paramètre par défaut pour créer une fonction flexible et réutilisable pour générer des tableaux avec une plage de valeurs.

Fonction pour initialiser un tableau avec une plage

Pour initialiser un tableau avec une plage de nombres, utilisez la fonction suivante :

const initializeArrayWithRange = (end, start = 0, step = 1) => {
  const length = Math.ceil((end - start + 1) / step);
  return Array.from({ length }, (_, i) => i * step + start);
};

Cette fonction prend trois arguments : end (obligatoire), start (optionnel, valeur par défaut est 0), et step (optionnel, valeur par défaut est 1). Elle renvoie un tableau contenant les nombres dans la plage spécifiée, où start et end sont inclusifs avec leur différence commune step.

Pour utiliser cette fonction, appelez simplement avec les paramètres de plage souhaités :

initializeArrayWithRange(5); // [0, 1, 2, 3, 4, 5]
initializeArrayWithRange(7, 3); // [3, 4, 5, 6, 7]
initializeArrayWithRange(9, 0, 2); // [0, 2, 4, 6, 8]

Cette fonction utilise Array.from() pour créer un tableau de la longueur souhaitée, puis une fonction de mapping pour remplir le tableau avec les valeurs souhaitées dans la plage donnée. Si vous omettez le deuxième argument, start, elle utilisera une valeur par défaut de 0. Si vous omettez le dernier argument, step, elle utilisera une valeur par défaut de 1.

Résumé

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