logo

Différentes façons de supprimer un élément d'un tableau à l'aide de JavaScript

En Javascript, nous n'avons aucune méthode array.remove() pour supprimer l'élément. nous aurons un tableau et nous devons supprimer un élément donné de ce tableau et renvoyer le tableau résultant dans la console.

différentes façons de supprimer un élément du tableau

Voici les méthodes suivantes pour résoudre ce problème :



Table des matières

Note: Il existe d'autres méthodes créées par des méthodes intégrées à JavaScript.

Méthode 1 : En utilisant pour la boucle et pousser () Méthode

Cette méthode ne mutera pas le tableau d'origine. Tout d’abord, vous devez créer un tableau vide(), puis parcourir le nouveau tableau et pousser uniquement les éléments souhaités.

Exemple: Cet exemple montre l’approche expliquée ci-dessus.

Javascript




let arr = [>'gfg'>,>'GFG'>,>'g'>,>'techcodeview.com'>];> const arrayWithoutGFG = [];> for> (let i = 0; i if (arr[i] !== 'GFG') { arrayWithoutGFG.push(arr[i]); } } // arr is same console.log(arr); console.log(arrayWithoutGFG);>

>

>

Sortir

[ 'gfg', 'GFG', 'g', 'techcodeview.com' ] [ 'gfg', 'g', 'techcodeview.com' ]>

Méthode 2 : Utilisation Méthode Pop()

Cette méthode est utilisée pour supprimer le dernier élément du tableau et renvoyer l'élément supprimé en sortie. La suppression de l'élément diminue la longueur du tableau.

expressions java lambda

Exemple: Dans cet exemple, la méthode pop() est utilisée pour supprimer l'élément d'un tableau.

Javascript


valeur de chaîne de



function> myFunc() {> >let arr = [>'gfg'>,>'GFG'>,>'g'>,>'techcodeview.com'>];> >let name = arr.pop();> >console.log(name);> >console.log(arr.length)> }> myFunc();>

>

>

Sortir

techcodeview.com 3>

Méthode 3 : Utilisation Méthode shift()

Cette méthode est utilisée pour supprimer un élément du début d'un tableau. Cette méthode est utilisée pour renvoyer le premier élément d'un tableau. Cela diminue également la longueur du tableau d'origine.

Exemple: Dans cet exemple, la méthode shift() est utilisée pour supprimer le premier élément d'un tableau.

Javascript




function> myFunc() {> >let arr = [>'gfg'>,>'GFG'>,>'g'>,>'techcodeview.com'>];> >let name = arr.shift();> >console.log(name);> >console.log(arr.length)> }> myFunc();>

>

>

Sortir

gfg 3>

Méthode 4 : Utilisation Méthode splice()

Cette méthode est utilisée pour supprimer l'élément existant ou remplacer le contenu du tableau en supprimant/ajoutant un nouvel élément.

Exemple: Dans cet exemple, la méthode splice sera utilisée pour supprimer l'élément d'un tableau.

Javascript




convention de nom java
function> myFunc() {> >let myFruit = [>'apple'>,>'banana'>,>'grapes'>,>'strawberry'>];> >const removed = myFruit.splice(2, 2,>'guava'>);> > >// Removed element in the array> >console.log(removed);> >// Length of the original array after deleting> >console.log(myFruit.length);> >// Original array after deleting the array> >console.log(myFruit);> }> myFunc();>

>

>

Sortir

[ 'grapes', 'strawberry' ] 3 [ 'apple', 'banana', 'guava' ]>

Méthode 5 : Utilisation Méthode filter()

Cette méthode renvoie le nouveau tableau. Les éléments du tableau qui satisfont à la condition de fonction sont uniquement transmis au nouveau tableau. Cette méthode ne modifie pas le tableau d'origine.

Exemple: Dans cet exemple, nous utiliserons la méthode filter() pour supprimer un élément d’un tableau.

Javascript




dépendance partielle

const arr = [2, 7, 9, 15, 19];> function> isPrime(n) {> >for> (let i = 2; n>je; i++) {> >if> (n % i === 0) {> >return> false>;> >}> >}> >return> n>1;> }> console.log(arr.filter(isPrime));>

>

>

Sortir

[ 2, 7, 19 ]>

Méthode 6 : Utilisation Supprimer l'opérateur

Cet opérateur est plus spécifiquement utilisé pour supprimer les propriétés des objets JavaScript.

Exemple: Dans cet exemple, nous utiliserons l'opérateur de suppression JavaScript pour supprimer des éléments d'un tableau.

Javascript




const arr = [2, 7, 9, 15, 19];> delete> arr[3];> console.log(arr);>

>

>

Sortir

[ 2, 7, 9, , 19 ]>

Méthode 7 : Utilisation Méthode Lodash _.remove()

Le Méthode _.remove() est utilisé pour supprimer tous les éléments du tableau dont le prédicat renvoie True et renvoie les éléments supprimés.

Exemple: Cet exemple montre l’approche expliquée ci-dessus.

Javascript

propriétés acides




const _ = require(>'lodash'>);> let arr = [1, 2, 3, 4, 5];> let even = _.remove(arr,>function> (n) {> >return> n % 2 == 0;> });> console.log(>'Original Array '>, arr);> console.log(>'Removed element array '>, even);>

>

>

Sortir:

Original Array [ 1, 3, 5 ] Removed element array [ 2, 4 ]>