Créer des tableaux d’une longueur spécifique est une tâche courante en JavaScript. Bien que les tableaux JavaScript soient dynamiques, les initialiser à une taille prédéterminée peut améliorer la lisibilité du code et, dans certains cas, les performances. Cet article explore des techniques efficaces pour y parvenir.
Table des matières
- Créer des tableaux avec le constructeur
Array() - Remplir des tableaux avec
fill() - Générer des tableaux avec
map() - Comparer les méthodes
Créer des tableaux avec le constructeur Array()
La méthode la plus simple utilise le constructeur Array(). Fournir un seul argument numérique crée un tableau de cette longueur, initialement rempli de valeurs undefined :
const arrayLength = 5;
const myArray = new Array(arrayLength);
console.log(myArray); // Sortie : [ , , , , ] (ou [ <5 éléments vides> ] selon la console de votre navigateur)
console.log(myArray.length); // Sortie : 5
Ceci est efficace pour créer des tableaux où les valeurs initiales ne sont pas cruciales. Notez que la représentation visuelle dans la console peut varier.
Remplir des tableaux avec fill()
Pour les tableaux initialisés avec une valeur spécifique, la méthode fill() est très efficace et lisible :
const arrayLength = 5;
const defaultValue = 0;
const myArray = new Array(arrayLength).fill(defaultValue);
console.log(myArray); // Sortie : [0, 0, 0, 0, 0]
console.log(myArray.length); // Sortie : 5
fill() remplit directement le tableau, ce qui en fait le choix préféré pour ce scénario courant.
Générer des tableaux avec map()
Si vous devez générer des valeurs dynamiquement, la méthode map() offre de la flexibilité. Combinée au constructeur Array(), vous pouvez créer et remplir un tableau en une seule étape :
const arrayLength = 5;
const myArray = Array(arrayLength).fill().map((_, index) => index * 2); // Notez l'utilisation de fill() ici pour créer le tableau
console.log(myArray); // Sortie : [0, 2, 4, 6, 8]
console.log(myArray.length); // Sortie : 5
Cet exemple génère des valeurs basées sur l’index, mais map() peut gérer n’importe quelle logique pour créer le contenu souhaité du tableau.
Comparer les méthodes
Bien que la méthode apply() ait été précédemment suggérée, fill() offre généralement une meilleure lisibilité et des performances supérieures pour l’initialisation de tableaux avec une seule valeur. Le constructeur Array() reste utile pour créer des tableaux vides d’une longueur spécifique. map() excelle lorsque vous avez besoin d’une génération de valeurs dynamiques.
Choisissez la méthode qui convient le mieux à vos besoins. Pour une initialisation simple avec une valeur constante, fill() est l’approche recommandée.