Comment créer un tableau dynamique en javascript
Tableaux JavaScript sont dynamique de nature, ce qui implique que leur longueur peut être modifiée au moment de l'exécution (si nécessaire). Le système d'exécution alloue automatiquement les éléments des tableaux dynamiques en fonction des index utilisés.
Veulent créer un tableau dynamique? Si oui, suivez cet article car nous discuterons de la procédure pour créer des tableaux dynamiques en javascript.
Alors, commençons!
Comment créer un tableau dynamique en javascript
Pour créer un tableau dynamique en JavaScript, vous pouvez suivre l'une des méthodes ci-dessous:
- Création d'un tableau dynamique en utilisant Arrayant littéral
- Création d'un tableau dynamique en utilisant Constructeur par défaut
- Création d'un tableau dynamique en utilisant Constructeur paramétré
Nous expliquerons chacune des méthodes mentionnées ci-dessus dans les sections suivantes.
Comment créer un tableau dynamique en JavaScript à l'aide du plateau littéral
Dans JavaScript, une liste d'expressions uniques ou multiples, où chaque expression représente un élément de tableau est connu sous le nom de «Arrayant littéral". En règle générale, les éléments ajoutés dans un réseau littéral sont enfermés entre crochets "[]".
Lorsqu'un tableau dynamique est créé en utilisant un plateau littéral, il est initialisé avec certaines valeurs spécifiques comme tableau "éléments,"Et sa longueur est automatiquement définie en fonction du nombre d'arguments ajoutés.
Syntaxe pour créer un tableau dynamique en JavaScript à l'aide du plateau littéral
var array = [élément1, élément2, élément3,…];Ici, "déployer«Est un tableau dynamique qui comprend plusieurs éléments tels que«élément1","élément2","Éléments3" et ainsi de suite.
Exemple: comment créer un tableau dynamique en JavaScript à l'aide du plateau littéral
Nous allons créer un tableau dynamique nommé «Array1”Et initialisez-le avec les éléments suivants:
var array1 = ['Linuxhint', 'est', 'Number', 1, 'site Web'];Ensuite, nous vérifierons la longueur du tableau dynamique créé:
console.journal (array1.longueur);Comme le «Array1"Est initialisé avec cinq éléments, c'est pourquoi sa longueur est définie sur"5»:
Pour itérer les éléments du «Array1», Nous utiliserons le«pour… boucle»:
pour (var i = 0; i <= array1.length; i++)console.log (array1 [i]);
Le donné "pour… boucle"Affichera le"Array1»Éléments sur la console:
Comment créer un tableau dynamique en javascript à l'aide du constructeur par défaut
Une autre méthode pour créer un tableau dynamique consiste à utiliser le «Déployer()" Constructeur par défaut. Ce constructeur par défaut n'a aucun argument, donc initialement, la longueur du tableau dynamique déclaré sera définie sur «0".
Syntaxe pour créer un tableau dynamique en javascript à l'aide du constructeur par défaut
var array = new Array ();Ici, la dynamique «déployer”Est créé en utilisant le constructeur de tableau () prédéfini.
Exemple: comment créer un tableau dynamique en javascript à l'aide du constructeur par défaut
Tout d'abord, nous utiliserons le «Déployer()"Constructeur par défaut pour créer un tableau dynamique nommé"Array2»:
var array2 = new Array ();Array2.longueur;
Comme nous n'avons pas encore ajouté aucun élément, la longueur du "Array2"Est égal à zéro:
Dans la prochaine étape, nous ajouterons quelques éléments au «Array2"Utilisation de JavaScript"pousser()". Le "pousser()»La méthode accepte l'élément comme un argument qui doit être poussé dans le tableau spécifié:
Array2.push ('linuxhint');Array2.push ('site Web');
Array2.longueur;
Jusqu'à ce point, nous avons ajouté deux éléments dans le «Array2,«Ce qui signifie que sa longueur est maintenant définie sur«2"Au lieu de zéro:
Enfin, nous utiliserons le «pour… boucle«Pour itérer sur le«Array2»Éléments et affichez leurs valeurs:
pour (var i = 0; i <= array2.length; i++)console.log (array2 [i]);
Sortir
Comment créer un tableau dynamique en JavaScript à l'aide du constructeur paramétré
JavaScript vous permet également de créer un tableau dynamique à l'aide du «Constructeur paramétré » du intégré Déployer classe. Pour ce faire, vous devez passer des éléments comme argument au constructeur paramétré Array ().
Syntaxe pour créer un tableau dynamique en JavaScript à l'aide du constructeur paramétré
var array = nouveau tableau (élément1, élément2, élément3,…);Ici, "déployer«Est un tableau dynamique qui comprend plusieurs éléments tels que«élément1","élément2","Éléments3", et ainsi de suite.
Exemple: comment créer un tableau dynamique en javascript à l'aide du constructeur paramétré
Nous allons maintenant créer un tableau dynamique nommé «Array2"Utilisation du constructeur paramétré tout en passant l'argument sous-donné comme son"éléments:
var array3 = new Array ('LinuxHint', 'est', 'Number', 1, 'site Web');console.journal (array3.longueur);
La longueur de "Array3" est "5»Comme le tableau comprend cinq éléments:
Ensuite, nous allons parcourir les éléments de «Array3»Et imprimez leurs valeurs sur la fenêtre de la console:
pour (var i = 0; i <= array3.length; i++)console.log (array3 [i]);
Sortir
Nous avons compilé trois méthodes différentes pour créer des tableaux dynamiques en javascript. Vous pouvez utiliser l'un d'eux en fonction de vos exigences.
Conclusion
En utilisant Arrayant littéral, Constructeur par défaut du tableau, et Constructeur paramétré, tu peux Créer des tableaux dynamiques dans Javascrip. Les tableaux javascript sont dynamique de nature, ce qui implique que leur longueur peut être modifiée au moment de l'exécution. Ils vous permettent également d'ajouter ou de supprimer des éléments au moment de l'exécution, puis de mettre à jour automatiquement leur taille après avoir exécuté les opérations spécifiées. Cette rédaction a discuté de la procédure pour créer des tableaux dynamiques en javascript.