Remplissage de tableau en JavaScript
-
Utilisez
Array.prototype.fill()
pour remplir un tableau en JavaScript -
Utilisez
Array.prototype.map()
pour remplir un tableau en JavaScript -
Utiliser la méthode
Array.from()
pour remplir un tableau en JavaScript -
Utilisez la méthode
apply()
pour remplir un tableau en JavaScript -
Utiliser l’instruction
loop
pour remplir un tableau en JavaScript
![Remplissage de tableau en JavaScript](/img/JavaScript/Use-apply%28%29-Method-to-fill-an-Array.webp)
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:
Article connexe - JavaScript Array
- Vérifiez si le tableau contient une valeur en JavaScript
- Convertir un tableau en chaîne en JavaScript
- Créer un tableau de longueur spécifique en JavaScript
- Rechercher des objets dans un tableau en JavaScript
- Supprimer le premier élément d'un tableau en JavaScript
- Convertir des arguments en un tableau en JavaScript