Initialiser un tableau avec une plage

JavaScriptJavaScriptBeginner
Pratiquer maintenant

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

💡 Ce tutoriel est traduit par l'IA à partir de la version anglaise. Pour voir la version originale, vous pouvez cliquer ici

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.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") subgraph Lab Skills javascript/variables -.-> lab-28393{{"Initialiser un tableau avec une plage"}} javascript/data_types -.-> lab-28393{{"Initialiser un tableau avec une plage"}} javascript/arith_ops -.-> lab-28393{{"Initialiser un tableau avec une plage"}} javascript/comp_ops -.-> lab-28393{{"Initialiser un tableau avec une plage"}} end

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.