6.2 Ajout d'éléments dans un tableau

Commençons par déclarer un tableau avec deux éléments. Notez qu'on utilise const — cela empêche de réaffecter la variable vers un autre tableau, mais n'interdit absolument pas de modifier son contenu. On peut donc tout à fait y ajouter ou retirer des éléments.

const numbers = [3, 4];

Les tableaux étant des objets, ils exposent toute une série de méthodes via la notation pointée. Pour l'ajout, trois méthodes nous intéressent.

push : ajouter à la fin

La méthode push accepte un ou plusieurs arguments et les place à la fin du tableau.

numbers.push(5, 6);
							// numbers vaut maintenant [3, 4, 5, 6]

unshift : ajouter au début

La méthode unshift ajoute des éléments au début du tableau. Tous les éléments existants sont décalés vers la droite.

numbers.unshift(1, 2);
							// numbers vaut maintenant [1, 2, 3, 4, 5, 6]

splice : ajouter au milieu

Pour insérer quelque part au milieu, on utilise splice. Cette méthode est polyvalente : elle permet aussi de supprimer ou remplacer des éléments. Les paramètres sont : (1) la position de départ, (2) le nombre d'éléments à supprimer (0 si on veut juste insérer), (3) les éléments à insérer.

numbers.splice(2, 0, 'a', 'b');
							// insère 'a' et 'b' entre l'index 1 et l'index 2

Avec ces trois méthodes, vous pouvez insérer où vous voulez dans un tableau. Dans la prochaine vidéo, on s'attaque à l'opération inverse : retrouver un élément dans un tableau.

En résumé

Cette leçon explique comment ajouter des éléments à un tableau JavaScript en utilisant trois méthodes distinctes : push() pour l'ajout en fin de tableau, unshift() pour l'ajout au début, et splice() pour l'ajout à une position précise. Le tutorial précise que même avec une constante, le contenu du tableau peut être modifié car les constantes empêchent seulement la réaffectation de la variable, pas la modification de son contenu.

Points clés

• La méthode push() ajoute un ou plusieurs éléments à la fin du tableau
• La méthode unshift() ajoute un ou plusieurs éléments au début du tableau et repousse les éléments existants vers la droite
• La méthode splice() permet d'ajouter ou supprimer des éléments à une position spécifique avec trois paramètres : la position de départ, le nombre d'éléments à supprimer, et les éléments à ajouter
• Les tableaux sont des objets en JavaScript dotés de propriétés et de méthodes accessibles par la notation pointée
• Une variable déclarée avec const ne peut pas être réaffectée, mais son contenu (notamment les éléments d'un tableau) peut être modifié

Questions fréquentes

Quelle est la différence entre push() et unshift() ?

push() ajoute les éléments à la fin du tableau, tandis que unshift() les ajoute au début en repoussant les éléments existants vers la droite.

Peut-on modifier un tableau déclaré avec const ?

Oui, on ne peut pas réaffecter la variable const elle-même, mais on peut modifier son contenu en ajoutant ou supprimant des éléments du tableau.

Comment fonctionne la méthode splice() ?

splice() accepte trois paramètres : la position de départ (indice), le nombre d'éléments à supprimer, et les éléments à ajouter à cette position.