Supprimer l'élément du tableau par valeur en JavaScript

1. Supprimer un élément d’un tableau par valeur à l’aide de la fonction splice() en JavaScript
2. Supprimer un élément d’un tableau par valeur à l’aide de la fonction filter() en JavaScript

Ce tutoriel expliquera comment supprimer un élément d’un tableau par valeur à l’aide des fonctions splice() et filter() en JavaScript.

Supprimer un élément d’un tableau par valeur à l’aide de la fonction splice() en JavaScript

Pour supprimer un élément d’un tableau par valeur, nous pouvons utiliser la fonction splice() en JavaScript. La fonction splice() ajoute ou supprime un élément d’un tableau en utilisant l’index. Pour supprimer un élément d’un tableau donné par valeur, vous devez obtenir l’index de cette valeur en utilisant la fonction indexOf(), puis utiliser la fonction splice() pour supprimer la valeur du tableau en utilisant son index. Par exemple, créons un tableau avec trois valeurs de chaîne et supprimons une valeur de chaîne à l’aide des fonctions splice() et indexOf(). Voir le code ci-dessous.

var myArray = ['one', 'two', 'three'];
var myIndex = myArray.indexOf('two');
if (myIndex !== -1) {
  myArray.splice(myIndex, 1);
}
console.log(myArray)

Production:

["one", "three"]

Dans le code ci-dessus, nous utilisons une instruction if pour vérifier si la valeur est présente ou non dans le tableau. Si la valeur est présente, son index ne sera pas -1 ; sinon, ce sera -1. La fonction indexOf() renvoie l’index de la valeur donnée, et s’il n’est pas présent dans le tableau, la fonction renvoie -1. Si la valeur est présente dans le tableau, nous utiliserons la fonction splice() pour supprimer 1 valeur présente au myIndex. Nous pouvons également supprimer plus d’une valeur du tableau en le définissant comme deuxième argument dans la fonction splice(). La fonction console.log() affichera le nouveau tableau après la suppression de l’élément du tableau sur la console.

Supprimer un élément d’un tableau par valeur à l’aide de la fonction filter() en JavaScript

Pour supprimer un élément d’un tableau par valeur, nous pouvons utiliser la fonction filter() en JavaScript. La fonction filter() permet de filtrer les valeurs d’un tableau donné en appliquant une fonction définie à l’intérieur de la fonction filter() sur chaque valeur du tableau. Dans notre cas, nous définirons une fonction à l’intérieur de la fonction filter(), qui renverra toutes les valeurs pour accepter la valeur que nous voulons supprimer du tableau, et le résultat sera stocké dans un nouveau tableau. Par exemple, créons un tableau avec trois valeurs de chaîne, puis en utilisant la fonction filter(), nous créerons un autre tableau qui aura toutes les valeurs du premier tableau sauf la valeur que nous voulons supprimer. De cette façon, notre tableau d’origine ne sera pas modifié. Voir le code ci-dessous.

var myArray = ['one', 'two', 'three'];
var newArray = myArray.filter(function(f) {
  return f !== 'two'
})
console.log(newArray)

Production:

["one", "three"]

Dans le code ci-dessus, nous avons supprimé la valeur two du tableau et enregistré le résultat dans la variable newArray, qui sera affiché sur la console.