JavaScript Supprimer l'index du tableau

Ce didacticiel explique comment supprimer un élément spécifique d’un tableau en JavaScript.

Utilisez la fonction splice() pour supprimer un élément spécifique du tableau JavaScript

La méthode splice() permet de modifier le contenu du tableau en ajoutant/supprimant des éléments. Il prend les 3 arguments suivants:

1. index: Une valeur entière spécifiant la position pour ajouter/supprimer des éléments. Nous pouvons même spécifier un index à l’arrière du tableau en utilisant des indices négatifs.
2. howmany: C’est un paramètre optionnel. Il spécifie combien d’éléments seront supprimés du tableau. S’il est défini sur 0, aucun élément n’est supprimé.
3. item1, item2, ... ,itemx: Les éléments à ajouter au tableau.

const array = [1, 2, 3, 4, 5];
const index = array.indexOf(3);
if (index > -1) {
  array.splice(index, 1);
}
console.log(array);

Production:

[1, 2, 4, 5]

Dans le code ci-dessus, on trouve d’abord l’index de l’élément que l’on veut supprimer puis on utilise la méthode splice() pour supprimer l’élément du tableau.

Utilisez Array.filter() pour supprimer un élément spécifique du tableau JavaScript

Les méthodes filter parcourent le tableau et filtrent les éléments satisfaisant à une condition donnée. Nous pouvons l’utiliser pour supprimer l’élément cible et conserver le reste. Cela nous aide à supprimer plusieurs éléments en même temps.

var toRemove = 1;
var arr = [1, 2, 3, 4, 5];
arr = arr.filter(function(item) {
  return item !== toRemove
});
console.log(arr)

Production:

[2, 3, 4, 5]

Nous utilisons la fonction filter pour conserver chaque élément qui n’est pas égal à l’élément à supprimer et affecter le tableau nouvellement formé au tableau d’origine.

Utilisez la bibliothèque Underscore.js pour supprimer un élément spécifique du tableau JavaScript

Underscore.js est une bibliothèque très utile qui nous fournit de nombreuses fonctions utiles sans étendre aucun des objets intégrés. Pour supprimer des éléments cibles d’un tableau JavaScript, nous devons utiliser la fonction without(). Cette fonction renvoie une copie du tableau avec toutes les copies de l’élément cible supprimées.

const arr = [1, 2, 1, 0, 3, 1, 4];
arr = _.without(arr, 0, 1);
console.log(arr);

Production:

[2, 3, 4]

Dans le code ci-dessus, on passe le tableau et les éléments à supprimer 0 et 1 à la fonction without. Il retourne un nouveau tableau avec ces éléments supprimés, que nous stockons à nouveau dans arr.

Utilisez la bibliothèque Lodash pour supprimer un élément spécifique du tableau JavaScript

Lodash est une excellente bibliothèque qui nous permet d’importer uniquement les fonctions dont nous avons besoin et non la bibliothèque complète. Il a une fonction nommée remove(), qui peut supprimer un élément spécifique du tableau. Cette fonction prend le tableau et une fonction pour vérifier les conditions correspondant à l’élément à supprimer du tableau.

var arr = [1, 2, 3, 4];
var greater = _.remove(arr, function(n) {
  return n > 2;
});
console.log(arr)

Production:

[1,2]

Dans le code ci-dessus, on passe le tableau et une fonction vérifiant si les éléments sont supérieurs à 2 à la fonction remove de la bibliothèque lodash. Il supprime tous les éléments supérieurs à 2 du tableau.