Comment ajouter un élément à un tableau en JavaScript

Découvrez les façons dont JavaScript vous propose d'ajouter un élément à un tableau et la manière canonique que vous devez utiliser

Ajouter un seul élément

Pour ajouter un seul élément à un tableau, utilisez lepush()méthode fournie par l'objet Array:

const fruits = ['banana', 'pear', 'apple']
fruits.push('mango')

push()mute le tableau d'origine.

Pour créer un nouveau tableau à la place, utilisez leconcat()Méthode Array:

const fruits = ['banana', 'pear', 'apple']
const allfruits = fruits.concat('mango')

Remarquerez queconcat()n'ajoute pas réellement un élément au tableau, mais crée un nouveau tableau, que vous pouvez affecter à une autre variable, ou réaffecter au tableau d'origine (en le déclarant commelet, car vous ne pouvez pas réaffecter unconst):

let fruits = ['banana', 'pear', 'apple']
fruits = fruits.concat('mango')

Ajouter plusieurs éléments

Pour ajouter plusieurs éléments à un tableau, vous pouvez utiliserpush()en l'appelant avec plusieurs arguments:

const fruits = ['banana', 'pear', 'apple']
fruits.push('mango', 'melon', 'avocado')

Vous pouvez également utiliser leconcat()méthode que vous avez vue auparavant, en passant une liste d'éléments séparés par une virgule:

const fruits = ['banana', 'pear', 'apple']
const allfruits = fruits.concat('mango', 'melon', 'avocado')

ou un tableau:

const fruits = ['banana', 'pear', 'apple']
const allfruits = fruits.concat(['mango', 'melon', 'avocado'])

N'oubliez pas que, comme décrit précédemment, cette méthode ne modifie pas le tableau d'origine, mais renvoie un nouveau tableau.

Téléchargez mon gratuitManuel du débutant JavaScript


Plus de tutoriels js: