Supprimer des éléments d'un tableau JavaScript signifie supprimer certains éléments du tableau. Il s'agit d'une tâche fondamentale et importante en programmation, car elle permet de maintenir la précision du tableau et de faciliter la gestion des données. Dans cet article, nous aborderons quelques méthodes pour supprimer des éléments d'un tableau JavaScript.

Méthodes pour supprimer des éléments du tableau JavaScript

Il existe différentes méthodes pour supprimer des éléments d'un tableau JavaScript, décrites ci-dessous :

Table des matières

• Méthode 1 : Supprimer le tableau du formulaire du dernier élément à l’aide de la méthode pop()
• Méthode 2 : supprimer le premier élément du tableau à l’aide de la méthode shift()
• Méthode 3 : supprimer un élément du tableau à n’importe quel index à l’aide de la méthode splice()
• Méthode 4 : supprimer un élément du tableau avec certaines conditions à l'aide de la méthode filter()
• Méthode 5 : Supprimer les éléments du tableau avec l'index à l'aide de l'opérateur de suppression
• Méthode 6 : supprimer des éléments du tableau à l'aide de l'approche d'effacement et de réinitialisation
• Méthode 7 : supprimer un élément du tableau à l'aide de la boucle for() et d'un nouveau tableau
• Méthode 8 : supprimer un élément de tableau à l'aide de la méthode lodash _.remove

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

Méthode 1 : Supprimer le tableau du formulaire du dernier élément à l’aide de la méthode pop()

Cette méthode est utilisée pour supprimer le dernier élément du tableau et renvoie l'élément supprimé. Cette fonction diminue la longueur du tableau de 1 à chaque fois que l'élément est supprimé.

Exemple 1: Le code ci-dessous est l'implémentation de base du Méthode pop() pour supprimer des éléments d'un tableau.

// JavaScript code to illustrate pop() function  // to remove array elements let arr = ['shift', 'splice', 'filter', 'pop']; // Popping the last element from the array  let popped = arr.pop(); console.log('Removed element: ' + popped); console.log('Remaining elements: ' + arr); console.log('Array length: ' + arr.length); 

Removed element: pop Remaining elements: shift,splice,filter Array length: 3 

Exemple 2 : Le code ci-dessous supprime les éléments du tableau à l'aide de la méthode pop() jusqu'à ce que la longueur du tableau devienne 0.

// Declare and initialize an array let array = ['pop', 'splice', 'filter', 'shift'] console.log('Original array: ' + array) // Loop run while array length not zero while (array.length) {  // Remove elements from array  array.pop(); } console.log('Array Length: ' + array.length) 

Original array: pop,splice,filter,shift Array Length: 0 

Méthode 2 : supprimer le premier élément du tableau à l’aide de la méthode shift()

Cette méthode est utilisée pour supprimer et renvoyer le premier élément du tableau et réduire la taille du tableau d'origine de 1.

Exemple: Le code ci-dessous est une implémentation de base de Méthode shift() pour supprimer des éléments du tableau.

// JavaScript code to illustrate shift() method // to remove elements from array let arr = ['shift', 'splice', 'filter', 'pop']; // Removing the first element from array  let shifted = arr.shift(); console.log('Removed element: ' + shifted); console.log('Remaining elements: ' + arr); 

Removed element: shift Remaining elements: splice,filter,pop 

Méthode 3 : supprimer un élément du tableau à n’importe quel index à l’aide de la méthode splice()

Méthode d'épissure est utilisé pour modifier le contenu d'un tableau en supprimant les éléments existants et/ou en ajoutant de nouveaux éléments. Pour supprimer des éléments par la méthode splice(), vous pouvez spécifier les éléments de différentes manières.

Exemple 1: Cet exemple utilise l'indexation de la méthode splice pour supprimer des éléments d'un tableau JavaScript.

// JavaScript code to illustrate splice() function  let arr = ['shift', 'splice', 'filter', 'pop']; // Removing the specified element from the array  let spliced = arr.splice(1, 1); console.log('Removed element: ' + spliced); console.log('Remaining elements: ' + arr); 

Removed element: splice Remaining elements: shift,filter,pop 

Exemple 2 : Cet exemple utilise la valeur de la méthode splice pour supprimer des éléments d'un tableau JavaScript.

// JavaScript code to illustrate splice() function  let arr = ['shift', 'splice', 'filter', 'pop']; // Removing the specified element by value from the array  for (let i = 0; i  < arr.length; i++) {  if (arr[i] === 'splice') {  let spliced = arr.splice(i, 1);  console.log('Removed element: ' + spliced);  console.log('Remaining elements: ' + arr);  } } 

Removed element: splice Remaining elements: shift,filter,pop 

Exemple 3 : Utilisation de la méthode splice pour supprimer chaque élément d'un tableau JavaScript.

// Declare and initialize array let array = ['pop', 'splice', 'filter', 'shift'] console.log('Original array: ' + array) // Making the length of array to 0 by using splice method array.splice(0, array.length); console.log('Empty array: ' + array) 

Original array: pop,splice,filter,shift Empty array: 

Méthode 4 : supprimer un élément du tableau avec certaines conditions à l'aide de la méthode filter()

Méthode de filtrage est utilisé pour créer un nouveau tableau à partir d'un tableau donné composé uniquement des éléments du tableau donné qui satisfont à une condition définie par la fonction argument. Pour supprimer des éléments par la méthode filter(), vous pouvez spécifier les éléments de différentes manières.

Exemple: L'exemple ci-dessous utilise la valeur de la méthode filter pour supprimer des éléments d'un tableau JavaScript.

// JavaScript to illustrate filter() method function isPositive(value) {  return value>0 ; } function func() { let filtered = [101, 98, 12, -1, 848].filter(isPositive);  console.log('Éléments positifs dans le tableau : ' + filtrés); } fonction(); 

Positive elements in array: 101,98,12,848 

Méthode 5 : supprimer les éléments du tableau avec l'index à l'aide de l'opérateur de suppression

Le supprimer l'opérateur renvoie une valeur booléenne, vrai, si l'élément ou la propriété est supprimé du tableau ou de l'objet et FAUX, si une fonction ou une variable est passée à supprimer.

Exemple: Le code ci-dessous implémente l'opérateur delete pour supprimer des éléments d'un tableau.

// Declare and initialize an array let array = ['lodash', 'remove', 'delete', 'reset'] // Delete element at index 2 let deleted = delete array[2]; console.log('Removed: ' + deleted); console.log('Remaining elements: ' + array); 

Removed: true Remaining elements: lodash,remove,,reset 

Méthode 6 : supprimer des éléments du tableau à l'aide de l'approche d'effacement et de réinitialisation

Suppression d'éléments d'un tableau à l'aide de l'approche d'effacement et de réinitialisation manuelle, soit en réinitialisant la longueur du tableau à 0 à l'aide de la propriété length, soit en attribuant le tableau à un tableau vide ([]).

Exemple: Cet exemple explique comment implémenter l'approche clear and reset en JavaScript.

// Declare and initialize an array let array1 = ['lodash', 'remove', 'delete', 'reset']; let array2 = [1, 2, 3, 4, 5]; console.log('Array1 before elements removal: ', array1); console.log('Array2 before elements removal: ', array2); // Delete each element of array array1 = []; array2.length = 0; console.log('Array1 after elements removal: ', array1); console.log('Array2 after elements removal: ', array2); 

Array1 before elements removal: [ 'lodash', 'remove', 'delete', 'reset' ] Array2 before elements removal: [ 1, 2, 3, 4, 5 ] Array1 after elements removal: [] Array2 after elements removal: [] 

Méthode 7 : supprimer un élément du tableau à l'aide de la boucle for() et d'un nouveau tableau

Voici un simple pour la boucle sera exécuté sur le tableau et poussera tous les éléments du nouveau tableau à l'exception de l'élément qui doit être supprimé.

Exemple: L'exemple ci-dessous utilise la boucle for et un nouveau tableau pour supprimer des éléments d'un tableau.

let removeElement = (array, n) =>{ let newArray = [];  pour (soit i = 0; i < array.length; i++) {  if (array[i] !== n) {  newArray.push(array[i]);  }  }  return newArray; }; let passed_in_array = [1, 2, 3, 4, 5]; let element_to_be_removed = 2; let result = removeElement(passed_in_array, element_to_be_removed); console.log('Remaining elements: ' + result); 

Remaining elements: 1,3,4,5 

Méthode 8 : supprimer un élément de tableau à l'aide de la méthode lodash _.remove

Utilisez la bibliothèque lodash pour supprimer des éléments d'un tableau JavaScript. Pour utiliser la bibliothèque lodash, vous devez l'installer localement sur votre système.

Exemple: Ce code implémente le _.retirer() méthode de lodash pour supprimer un élément d'un tableau.

// Import Lodash library const _ = require('lodash'); // Declare and initialize an array let array = [101, 98, 12, -1, 848]; // using _.remove to remove odd number let evens= _.remove(array, function(n) {  return n % 2 == 0; });   console.log('Remaining odd elements: ' + array); console.log('Removed even elements: ' + evens); 

Sortir:

Removed odd elements: 101, -1 Remaining even elements: 98, 12, 848