Comment ajouter des éléments dans un tableau en javascript

En JavaScript, le processus d'ajout d'éléments supplémentaires au début ou à la fin d'un tableau déjà créé est connu sous le nom de «Ajouter les éléments à un tableau". Vous pouvez ajouter un seul élément, un ensemble d'éléments ou même un tableau entier à un autre tableau. Plus précisément, JavaScript vous permet de traverser ou de manipuler des tableaux en utilisant une variété de méthodes.

Cet article élaborera la procédure pour ajouter des éléments dans un tableau en javascript.

Comment ajouter des éléments dans un tableau en javascript?

Pour ajouter des éléments à un tableau, JavaScript prend en charge plusieurs méthodes:

• Méthode push ()
• Méthode concat ()
• Méthode UNSHIFT ()
• Méthode Splice ()

Regardons plus en profondeur ces méthodes.

Méthode 1: Ajouter des éléments dans un tableau à l'aide de la méthode push ()

L'approche la plus simple pour ajouter des éléments à la fin d'un tableau est le «pousser()»Méthode en JavaScript. Il donne un nouveau tableau en tant que sortie avec une nouvelle longueur après avoir ajouté des éléments.

Syntaxe
Suivez la syntaxe donnée pour utiliser la méthode push () pour ajouter des éléments dans le tableau:

déployer.push (élément1, élément2,…, élémentn);

Ici le "Element1, élément2… «Vont être poussés dans le«déployer«Utilisation du«pousser()" méthode.

Exemple 1: Ajoutez un ou plusieurs éléments dans le même tableau
Tout d'abord, nous créerons un tableau nommé «employé«Cela stocke les noms des employés:

Var Employee = ['Stephen', 'Mari', 'John',];

Ensuite, ajoutez deux autres éléments comme le nom des employés «Rhonda" et "Susan"Dans le tableau:

employé.push ('rhonda', 'Susan');

Imprimez le tableau avec les éléments annexés de la console:

console.journal (employé);

La sortie montre que les éléments sont ajoutés avec succès à la fin du tableau, et la longueur est mise à jour à «5»:

Exemple 2: Ajoutez un tableau dans un autre tableau

Ici, nous créerons deux tableaux "animaux" et "animaux de compagnie»:

var animaux = [«zèbre», «lion», «tigre»,];
var petanimals = ['cat', 'lapin'];

Maintenant, poussez les éléments du tableau «Petanimals» dans l'autre tableau à l'aide de la méthode push () avec l'opérateur de propagation:

animaux.Push (… petanimals);

Ensuite, imprimez le tableau "animaux" en utilisant "console.enregistrer()" méthode:

console.journal (animaux);

L'opérateur de propagation supplémentaire copie tous les éléments du tableau «Petanimals», puis ces éléments sont annexés au tableau «Animaux» en utilisant la méthode push ():

Voyons une autre méthode pour ajouter un tableau à un autre.

Méthode 2: Ajouter des éléments dans un tableau à l'aide de la méthode Concat ()

Le "concat ()«La méthode est utilisée pour ajouter les éléments d'un tableau à un autre, ou nous pouvons dire qu'il rejoint deux tableaux ou plus. Il fusionne deux tableaux en ajoutant des éléments d'un tableau dans un autre et renvoie le tableau unique.

Syntaxe
Utilisez la syntaxe divisée ci-dessous pour utiliser la méthode CONCAT ():

déployer.concat (array1, array2,…, arrayn);

Exemple
Nous utiliserons le tableau déjà créé et invoquerons la méthode Concat () pour concaténer les éléments de tableau de pétanimaux avec un tableau «Animals», puis enregistrer les éléments résultants dans le nouveau tableau:

Var Array = Animaux.concat (pétanimaux)

Enfin, imprimez les nouveaux éléments du tableau à l'aide du «console.enregistrer()" méthode:

console.journal (tableau);

On peut voir que les éléments du tableau «animaux de compagnie"Est annexé avec succès au tableau"animaux»:

Vous voulez ajouter des éléments au début du tableau? Suivez la section suivante!

Méthode 3: Ajouter des éléments dans un tableau à l'aide de la méthode UNSHIFT ()

Il existe une autre méthode JavaScript appelée «Unhift ()«Cela peut ajouter ou ajouter des éléments au début ou au début d'un tableau.

Syntaxe
Suivez la syntaxe donnée pour ajouter des éléments au début d'un tableau utilisant le «Unhift ()" méthode:

déployer.UNSHIFT (élément1, élément2,…, élémentn);

Exemple
Ici, nous allons créer un tableau nommé «des oiseaux«Avec deux éléments:«Perroquet" et "Pigeon»:

var oiseaux = [«perroquet», «pigeon»,];

Ensuite, appelez le «Unhift ()"Méthode en passant un élément"Cocktail«Cela doit être ajouté dans le tableau créé:

des oiseaux.Unhift («cocktail»);

Enfin, imprimez le tableau mis à jour sur la console:

console.journal (oiseaux);

Sortir

Passons à une autre méthode pour ajouter l'élément au milieu d'un tableau.

Méthode 4: Ajouter des éléments dans un tableau à l'aide de la méthode Splice ()

Si vous souhaitez remplacer des éléments de tableau ou ajouter des éléments dans un tableau à n'importe quel index spécifié, utilisez la méthode prédéfinie JavaScript "épissure()". De plus, nous l'utiliserons pour ajouter des éléments au milieu d'un tableau.

Syntaxe
Suivez la syntaxe donnée pour utiliser la méthode Splice () pour les éléments d'appel dans un tableau:

déployer.Splice (startIndex, DeleteCount, élément1,…, élémentn)

Ici le "startIndex«Est l'emplacement dans le tableau où un nouvel élément doit être placé:«deleteCount"Indique le nombre d'éléments qui doivent être éliminés et le« «élément1,…, élémentn«Sont les éléments qui doivent être ajoutés.

Exemple
Maintenant, nous allons ajouter des éléments dans le même "des oiseaux"Array en passant les arguments l'index de démarrage"1«Lorsque les nouveaux éléments doivent être annexés», «0"Indique qu'aucun élément ne doit être supprimé, puis"Cocktail" et "Moineau«Sont les éléments requis:

des oiseaux.Splice (1, 0, «Cocktail», «Sparrow»);

Imprimez le tableau «des oiseaux"Sur la console en utilisant le"console.enregistrer()" méthode:

console.journal (oiseaux);

La sortie signifie que les éléments sont ajoutés avec succès au milieu du tableau:

Nous avons rassemblé toutes les meilleures méthodes pour ajouter des éléments dans un tableau en javascript.

Conclusion

Pour ajouter des éléments à un tableau, vous pouvez utiliser les méthodes intégrées JavaScript, y compris le «pousser()" méthode, "concat ()" méthode, "Unhift ()«Méthode, ou«épissure()" méthode. La méthode push () peut insérer des éléments à la fin d'un tableau, tandis que la méthode UNSHIFT () ajoute des éléments au début d'un tableau, la méthode Splice () insère un nouvel élément au milieu du tableau et le Concat (Concat ( ) La méthode fusionne deux tableaux ou plus. Dans cet article, nous avons développé la procédure pour ajouter des éléments dans des tableaux JavaScript avec des exemples appropriés.