Supprimer le dernier élément du tableau en JavaScript

Kushank Singh 12 octobre 2023
  1. Utilisez le array.prototype.splice() pour supprimer le dernier élément d’un tableau JavaScript
  2. Utilisez le array.prototype.pop() pour supprimer le dernier élément d’un tableau JavaScript
  3. Utilisez le array.prototype.slice() pour supprimer le dernier élément d’un tableau en JavaScript
  4. Utilisez le array.prototype.filter() pour supprimer le dernier élément d’un tableau en JavaScript
  5. Utiliser une méthode définie par l’utilisateur pour supprimer le dernier élément d’un tableau en JavaScript
Supprimer le dernier élément du tableau en JavaScript

Un tableau stocke chaque élément à un index particulier. L’index des éléments commence de 0 à la longueur du tableau moins 1.

Dans ce didacticiel, différentes méthodes sont présentées pour supprimer le dernier élément d’un tableau en JavaScript.

Utilisez le array.prototype.splice() pour supprimer le dernier élément d’un tableau JavaScript

La méthode splice() permet de modifier le tableau en supprimant ou en remplaçant les éléments. Si un élément est supprimé, il renvoie les éléments supprimés. Sinon, un tableau vide est renvoyé.

Nous pouvons l’utiliser pour supprimer le dernier élément d’un tableau.

Vérifiez le code ci-dessous.

var array = [10, 11, 12, 13, 14, 15, 16, 17];
array.splice(-1, 1);
console.log(array);

Production:

[10, 11, 12, 13, 14, 15, 16]

Utilisez le array.prototype.pop() pour supprimer le dernier élément d’un tableau JavaScript

La fonction pop() est le moyen le plus simple d’y parvenir. Il supprime le dernier élément d’un tableau et renvoie l’élément supprimé.

Par example,

var array = [10, 11, 12, 13, 14, 15, 16, 17];
array.pop();
console.log(array)

Production:

[10, 11, 12, 13, 14, 15, 16]

Utilisez le array.prototype.slice() pour supprimer le dernier élément d’un tableau en JavaScript

La fonction tranche() crée une copie de la partie définie sélectionnée du start à la end (la fin n’est pas incluse). Les valeurs start et stop sont les indices du tableau. Il renvoie le nouveau tableau.

Vérifiez le code ci-dessous.

var array = [10, 11, 12, 13, 14, 15, 16, 17];
array = array.slice(0, -1);
console.log(array);

Production.

[10, 11, 12, 13, 14, 15, 16]

Utilisez le array.prototype.filter() pour supprimer le dernier élément d’un tableau en JavaScript

La méthode filter() renvoie le tableau modifié selon la fonction fournie passée.

Pour supprimer le dernier élément à l’aide de cette fonction, consultez le code ci-dessous.

var array = [10, 11, 12, 13, 14, 15, 16, 17];
array = array.filter((element, index) => index < array.length - 1);
console.log(array);

Production:

[10, 11, 12, 13, 14, 15, 16]

Utiliser une méthode définie par l’utilisateur pour supprimer le dernier élément d’un tableau en JavaScript

Nous pouvons créer une nouvelle fonction qui prend le tableau en entrée et réduit la longueur du tableau si la longueur du tableau est supérieure à zéro.

Nous l’implémentons dans l’exemple suivant.

var array = [10, 11, 12, 13, 14, 15, 16, 17];

function removeElement(arr) {
  if (arr.length > 0) arr.length--;
  return arr
};

var newArray = removeElement(array);
console.log(newArray);

Production:

[10, 11, 12, 13, 14, 15, 16]

Article connexe - JavaScript Array