Remplissage de tableau en JavaScript

En JavaScript, le Array.prototype.fill() fonctionne successivement pour remplir un certain tableau rangé. Cependant, l’opération peut devenir lente pour de nombreux éléments en fonction des navigateurs.

Plus ou moins, la plupart des façons de remplir un tableau font face à ce rythme lent pour un plus grand nombre d’éléments. Mais certaines méthodes fonctionnent mieux dans le cas d’une opération comparative rapide.

Ici, nous verrons l’application des méthodes fill(), map(), from(), apply(), et l’instruction de base loop pour remplir un tableau. Passons aux lignes de code.

Utilisez Array.prototype.fill() pour remplir un tableau en JavaScript

Cette méthode nécessite une ligne de code pour initialiser l’élément de tableau. Et la fonction par défaut de la méthode fill() fait son travail de remplissage d’un tableau.

Extrait de code:

var a = new Array(5).fill(1);
console.log(a);

Production:

Utilisez Array.prototype.map() pour remplir un tableau en JavaScript

Ici, nous allons utiliser un opérateur de propagation pour développer les éléments du tableau et appliquer plus tard le map() sur chaque élément pour les remplir avec une valeur. La barrière de code explique mieux.

Extrait de code:

var a = [...new Array(5)].map(x => 2);
console.log(a);

Production:

Utiliser la méthode Array.from() pour remplir un tableau en JavaScript

Dans ce cas, nous utiliserons la méthode Array.from() qui prendra une instance de tableau définissant sa plage, et également, il y aura un ensemble de fonctions qui initialisera la valeur de l’élément décrite dans la portée de la fonction lambda. Vérifions le bloc de code.

Extrait de code:

var a = Array.from(Array(5), () => 3);
console.log(a);

Production:

Utilisez la méthode apply() pour remplir un tableau en JavaScript

Nous utiliserons la méthode apply() pour contenir tous les éléments d’un tableau jusqu’à une certaine plage. Et plus tard, nous utiliserons la fonction map() pour attribuer une valeur à chaque élément.

var a = Array.apply(null, Array(5)).map(Number.prototype.valueOf, 4);
console.log(a);

Production:

Utiliser l’instruction loop pour remplir un tableau en JavaScript

Ici, nous allons utiliser une boucle de base pour parcourir les éléments d’un tableau jusqu’à la plage spécifiée, puis initialiser les valeurs.

Extrait de code:

var a = new Array(5);
for (var i = 0; i < 5; i++) {
  a[i] = 5;
}
console.log(a);

Production: