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

Les tableaux sont des structures de données qui sont utilisées pour conserver plusieurs valeurs dans une variable. Un seul tableau JavaScript peut avoir plusieurs types d'éléments stockés dedans. Il peut être modifié même après avoir été déclaré et initialisé. Les tableaux JavaScript offrent de nombreuses méthodes intégrées qui peuvent être utilisées pour accéder et manipuler les données stockées à l'intérieur.

Dans ce guide pratique, nous discuterons de quatre méthodes différentes qui peuvent être utilisées pour ajouter des éléments dans des tableaux JavaScript. Voici une liste des quatre méthodes dont nous discuterons dans cet article:

1. Unhift ()
2. pousser()
3. concat ()
4. épissure()

Note: J'utiliserai la console pour démontrer les exemples présents dans cet article.

Comment insérer des éléments au début / début d'un tableau en utilisant la méthode de décalage

Le débarrasser La fonction est couramment utilisée pour ajouter / insérer des éléments au début / début d'un tableau. Il est assez simple d'utiliser le Unhift () Méthode, passez simplement la valeur d'élément que vous souhaitez ajouter à un tableau au Unhift () méthode et quand le Unhift () La fonction est invoquée, l'élément sera ajouté au tableau et l'index du tableau sera automatiquement décalé:

var num = [1, 2, 3, 4, 5];
nobs.UNSHIFT (0);
console.log (num);

Vous pouvez également ajouter plusieurs valeurs à un tableau en utilisant le Unhift () méthode:

var num = [1, 2, 3, 4, 5];
nobs.UNSHIFT (-5, -4, -3, -2, -1, 0);
console.log (num);

Comment ajouter des éléments à la fin d'un tableau à l'aide de la méthode push

Le pousser() La méthode est utilisée pour insérer des éléments / éléments au dernier indice d'un tableau. Il faut un ou plusieurs arguments (séparés par des virgules) et les ajoute à la fin du tableau spécifié:

var num = [1, 2, 3, 4, 5];
nobs.push (6);
console.log (num);

Pour plusieurs valeurs:

var num = [1, 2, 3, 4, 5];
nobs.push (6, 7, 8, 9);
console.log (num);

Comment ajouter des éléments à un tableau à l'aide de la méthode Concat ()

Le concat () La méthode n'ajoute pas réellement des éléments au tableau existant mais crée plutôt un nouveau tableau modifié. Cette méthode est utile lorsque nous avons besoin du premier tableau dans son état d'origine.

Le concat () La méthode peut être utilisée pour ajouter des éléments au début et à la fin du tableau:

var num = [1, 2, 3, 4, 5];
var num2 = [].Concat (-5, -4, -3, -2, -1, 0, num);
console.log (num2);

Pour ajouter des éléments à la fin du tableau:

var num = [1, 2, 3, 4, 5];
var num2 = [].Concat (num, 6, 7, 8, 9);
console.log (num2);

Comment ajouter des éléments au milieu d'un tableau à l'aide de la méthode Splice ()

épissure() est utilisé pour se débarrasser ou insérer des éléments dans un tableau. Cette méthode est un peu différente des autres méthodes qui sont discutées ci-dessus. Il nécessite trois arguments différents. Le premier argument définit où l'article va être ajouté dans le tableau. Le deuxième paramètre spécifie le nombre d'éléments / éléments qui doivent être supprimés du tableau. Le deuxième paramètre sera nul en cas d'ajout d'éléments. Le troisième paramètre contient les valeurs des éléments / éléments qui doivent être ajoutés.

var num = [1, 2, 3, 4, 5];
nobs.épisser (2, 0, 2.5);
console.log (num);

Conclusion

Dans ce guide pratiques, nous avons examiné quatre façons différentes d'ajouter des éléments à un tableau en JavaScript. Nous pouvons utiliser le Unhift () et le pousser() Méthodes pour ajouter des éléments / éléments au début et à la fin d'un tableau respectivement. Si nous ne voulons pas modifier notre tableau d'origine mais plutôt faire un nouveau tableau et y ajouter des éléments, nous devons utiliser le concat () méthode. Cependant, le épissure() La méthode nous donne le plus de contrôle sur l'index dans lequel nous voulons ajouter nos nouveaux éléments.