Comment remplir les valeurs du tableau en javascript

Avez-vous déjà rencontré une situation où la création d'un tableau JavaScript avec certaines valeurs prédéfinies est requise, ou souhaitez-vous écraser les éléments d'un tableau existant avec des valeurs statiques? Dans de tels scénarios, il devient nécessaire de remplir le valeurs de tableau.

Javascrip Offre diverses méthodes qui peuvent être utilisées pour remplir des valeurs dans un tableau telles que «Déployer.remplir()","Déployer.depuis()","Array Push ()»Méthodes, et opérateur de propagation "[…]", où "Déployer.remplir()»La méthode remplit un tableau existant avec les nouvelles valeurs, et«Déployer.remplir()»Et les deux autres méthodes créent une nouvelle instance de tableau, puis les remplissent avec les valeurs statiques spécifiées.

Cet article discutera des différentes méthodes pour remplir les valeurs du tableau en javascript. Alors, commençons!

Comment remplir les valeurs du tableau en javascript

Vous pouvez utiliser l'une des approches suivantes pour remplir les valeurs du tableau en JavaScript:

1. En utilisant le Déployer.remplir() méthode
2. En utilisant le Array Push () Méthode et pour boucle
3. En utilisant le Déployer.depuis() méthode
4. En utilisant le Spread Operator […] et le carte() fonction

Nous allons maintenant expliquer chacune des méthodes mentionnées ci-dessus en détail.

Comment remplir les valeurs du tableau en javascript à l'aide du tableau.Film () Méthode

En JavaScript, le «Déployer.remplir()«La méthode est utilisée pour remplissage un déployer avec valeurs statiques. Il peut être utilisé pour remplir une partie particulière d'un tableau ou de l'ensemble du tableau.

Syntaxe

déployer.remplir (valeur, démarrer, fin)

Ici le "déployer.remplir()»La méthode remplacera les éléments du déployer avec la statique "valeur«;; "commencer," et "fin«Sont les arguments facultatifs qui représentent le départ et index de fin du tableau, dans lequel entre ces index, les valeurs statiques vont être placées.

Exemple 1

Tout d'abord, nous créerons un javascript "déployer«Avoir les valeurs suivantes:

var array = ["Summer", "hiver", "printemps"];

Ensuite, nous invoquerons le «déployer.remplir()«Méthode pour remplir tout le tableau avec«Automne" valeur:

déployer.remplir ("automne");

L'exécution du code donné ci-dessus affichera la sortie suivante:

Exemple 2

Dans l'exemple suivant, nous essaierons de remplir l'original "déployer"Éléments avec"Automne"À l'index"0" et "1»:

déployer.remplir ("automne", 0, 2);

Notez que l'index de fin «2"N'inclura pas dans cette opération:

Comment remplir les valeurs du tableau dans JavaScript à l'aide de la méthode Array Push () et pour Loop

Une autre méthode utilisée pour remplir un tableau est le Array "push ()" méthode. Cette méthode aide à ajouter une ou plusieurs valeurs au tableau. Il est également utilisé en combinaison avec le «pour boucle«Pour remplir un tableau avec des valeurs statiques.

Syntaxe

déployer.push ('value');

Ici, le javascript "déployer"Sera rempli de la statique"valeur" en utilisant le "pousser()" méthode.

Exemple

Nous créerons une constante "longueur"Avoir la valeur"5"Et un vide"déployer»:

longueur de const = 5;
const array = [];

Ensuite, nous utiliserons le «pour boucle"Pour faire boucle sur le tableau et"pousser()«Méthode pour remplir le tableau avec le«printemps" valeur:

pour (soit i = 0; i < length; i++)
déployer.push ('printemps');

console.journal (tableau);

La sortie donnée signifie que le tout «déployer"Est rempli du"printemps" valeur:

Comment remplir les valeurs du tableau en javascript à l'aide du tableau.De () méthode

Le javascript "Déployer.depuis()»La méthode est utilisée pour créer une nouvelle instance de tableau à partir d'un objet itérable ou de type tableau. Cette méthode accepte un objet de type tableau comme argument et renvoie le tableau nouvellement créé.

Syntaxe

Déployer.de (objet, mapfunction, thisarg)

Ici le "objet»Représente l'objet JavaScript qui doit être converti en tableau,«mapfunction"Est un paramètre facultatif qui fait référence à la fonction de carte qui remplira le tableau avec le résultat de la fonction. Enfin, lorsque la fonction de carte spécifiée est exécutée, «thisarg" est utilisé en tant que "ce" valeur.

Exemple

En utilisant "Déployer.depuis()«Méthode, nous allons créer un objet de tableau vide dont«longueur"La propriété est définie"5"Et remplissez-le de la valeur"printemps”Utilisation de la fonction de carte:

Var Array = Array.de (longueur: 5, () => ('printemps'))
console.journal (tableau);

Comme vous pouvez le voir, l'exécution de la donnée "Déployer.depuis()"Ajoutera le"printemps«Valeur aux cinq index de«déployer»:

Comment remplir les valeurs du tableau en JavaScript à l'aide de l'opérateur de diffusion […] et de la fonction map ()

L'opérateur de propagation «[…]"Est une autre fonctionnalité JavaScript ES6 utile qui peut être utilisée en combinaison avec le"carte()”Fonction pour étendre un tableau et le remplir avec certaines valeurs spécifiques.

Syntaxe

[… New Array ()].map (() => 'valeur')

Ici, l'opérateur de diffusion «[…]«Créera un nouveau tableau, puis le transmet au«carte()»Fonction pour remplir tous les index avec le«valeur".

Exemple

Dans cet exemple, l'opérateur de propagation «[…]"Créera un nouveau"déployer"Avec la longueur"5"Et l'initialisa avec un"indéfini" valeur. Après cela, le «carte()»La fonction mappera les nouvelles instances d'objet à«Automne" valeur:

Soit Array = [… Nouveau tableau (5)].map (() => 'automne');
console.journal (tableau);

La sortie donnée montre que nous avons réussi à remplir le «déployer”Avec la valeur spécifiée:

Nous avons compilé différentes méthodes pour remplir un tableau avec des valeurs. Choisissez l'un d'eux en fonction de vos exigences.

Conclusion

Le javascript "Déployer.remplir()","Déployer.depuis()«Méthodes, combinaison de«Array Push () Méthode et pour boucle" et "Spread Operator […] et carte() fonction »sont utilisés pour remplir les valeurs du tableau. Utilisation du tableau.Film () Méthode, un tableau déjà créé peut être rempli de nouvelles valeurs. En revanche, le tableau.De la méthode () et les deux autres combinaisons sont utilisées pour créer une nouvelle instance de tableau, puis la remplir avec la valeur spécifiée. Cet article a discuté de différentes méthodes pour remplir les valeurs du tableau en javascript.