Créer un tableau de longueur spécifique en JavaScript

1. Créer un tableau de longueur à l’aide du constructeur Array() en JavaScript
2. Créer un tableau de longueurs à l’aide de la méthode apply() en JavaScript
3. Créer un tableau de longueurs à l’aide de la méthode map() en JavaScript
4. Crée un tableau de longueur à l’aide de la méthode fill() en JavaScript

En JavaScript, vous devrez peut-être créer ou déclarer un tableau de longueurs spécifiques et insérer les valeurs souhaitées dans le tableau. Il peut être réalisé de différentes manières.

Vous trouverez ci-dessous quelques-unes des méthodes les plus utilisées pour créer un tableau de longueurs spécifiques en JavaScript. Maintenant, n’utilisez ceci que si vous pensez que cela est nécessaire car la plupart du temps, il n’est pas nécessaire de créer ou de déclarer un tableau de longueurs spécifiques ; vous pouvez créer dynamiquement un tableau et l’utiliser.

Créer un tableau de longueur à l’aide du constructeur Array() en JavaScript

La première façon de créer un tableau vide de longueurs spécifiques est d’utiliser le constructeur Array() et de lui passer un entier comme argument. Puisque nous appelons un constructeur, nous utiliserons un new mot-clé.

var arr = new Array(5);
console.log(arr)

Production:

[undefined, undefined, undefined, undefined, undefined]

Cette façon de créer un tableau de longueurs spécifiques n’est pas recommandée si vous utilisez JSlint, car cela pourrait causer des problèmes. Étant donné que cette méthode est ambiguë et qu’elle ne crée pas seulement un tableau d’une longueur particulière, elle peut également être utilisée pour faire d’autres choses comme créer un tableau contenant une valeur comme suit.

var arr_2 = new Array('5');
console.log(arr_2)

Production:

[ "5" ]

Créer un tableau de longueurs à l’aide de la méthode apply() en JavaScript

Le constructeur Array fournit une méthode appelée apply(). En utilisant cette méthode apply(), vous pouvez fournir des arguments à une méthode sous la forme d’un tableau. La méthode apply() prend deux arguments, le premier est la référence à this argument et le second est le tableau.

var myArr = Array.apply(null, Array(5));
console.log(myArr);

Production:

[undefined, undefined, undefined, undefined, undefined]

Pour créer un tableau vide d’une longueur spécifique, disons 5, nous passerons null comme premier argument, et le second est le tableau Array(5). Cela créera un tableau de longueur 5 et initialisera chaque élément avec une valeur undefined.

Alternativement, vous pouvez également effectuer les opérations suivantes. Ici, vous pouvez passer un objet tableau en tant que deuxième paramètre, puis définir à l’intérieur la longueur du tableau que vous souhaitez créer, dans ce cas, 5.

var arr = Array.apply(null, {length: 5});
console.log(arr);
console.log(arr.length);

Production:

[undefined, undefined, undefined, undefined, undefined]
5

Créer un tableau de longueurs à l’aide de la méthode map() en JavaScript

Une autre façon de créer un tableau de longueurs spécifiques consiste à utiliser la méthode map() en JavaScript. Ici, le constructeur Array(5) créera un tableau vide de longueur 5. Ceci est similaire à ce que nous avons vu précédemment. Ensuite, en utilisant l’opérateur de propagation ..., nous allons répartir chaque élément du tableau et l’entourer d’un crochet comme celui-ci Array(5). Il créera un tableau de longueur 5 où la valeur de chaque élément sera undefined. Ensuite, pour initialiser ce tableau, nous utiliserons la méthode map().

[...Array(5)].map(x => 0);

Production:

[0, 0, 0, 0, 0]

En utilisant la méthode map(), nous prendrons chaque élément à l’intérieur de la variable x puis y ajouterons la valeur zéro. Cela initialise tous les éléments du tableau à zéro.

Crée un tableau de longueur à l’aide de la méthode fill() en JavaScript

La méthode fill() fonctionne également de la même manière que map() ; la seule chose est que le fill() ne prend aucune fonction en paramètre. Il prend directement une valeur en entrée. Vous pouvez créer un tableau de longueur spécifique Array(5), puis remplir le tableau avec une valeur entière, comme indiqué ci-dessous.

Array(5).fill(0);

// [0, 0, 0, 0, 0]