Rimuovere elementi da un array JavaScript significa eliminare determinati elementi dall'array. Questo è un compito fondamentale e importante nella programmazione perché aiuta a mantenere l'array accurato e semplifica la gestione dei dati. In questo articolo discuteremo alcuni metodi per rimuovere elementi da un array JavaScript.

Metodi per rimuovere elementi dall'array JavaScript

Esistono diversi metodi per rimuovere elementi da un array JavaScript, discussi di seguito:

Tabella dei contenuti

• Metodo 1: rimuovere l'array del modulo Ultimo elemento utilizzando il metodo pop()
• Metodo 2: rimuovere il primo elemento dall'array utilizzando il metodo shift()
• Metodo 3: rimuovere l'elemento dall'array in qualsiasi indice utilizzando il metodo splice()
• Metodo 4: rimuovere l'elemento dall'array con determinate condizioni utilizzando il metodo filter()
• Metodo 5: rimuovere gli elementi dell'array con l'indice utilizzando l'operatore Elimina
• Metodo 6: rimuovere gli elementi dell'array utilizzando l'approccio Cancella e ripristina
• Metodo 7: rimuovere l'elemento dall'array utilizzando il ciclo for() e il nuovo array
• Metodo 8: rimuovere l'elemento dell'array utilizzando il metodo lodash _.remove

Nota: Esistono altri metodi creati da JavaScript metodi incorporati.

Metodo 1: rimuovere l'array del modulo Ultimo elemento utilizzando il metodo pop()

Questo metodo viene utilizzato per rimuovere l'ultimo elemento dell'array e restituisce l'elemento rimosso. Questa funzione diminuisce la lunghezza dell'array di 1 ogni volta che l'elemento viene rimosso.

Esempio 1: Il codice seguente è l'implementazione di base di metodo pop() per rimuovere elementi da un array.

// 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 

Esempio 2: Il codice seguente rimuove gli elementi dall'array utilizzando il metodo pop() finché la lunghezza dell'array non diventa 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 

Metodo 2: rimuovere il primo elemento dall'array utilizzando il metodo shift()

Questo metodo viene utilizzato per rimuovere e restituire il primo elemento dell'array e ridurre la dimensione dell'array originale di 1.

Esempio: Il codice seguente è un'implementazione di base di metodo shift() per rimuovere gli elementi dell'array.

// 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 

Metodo 3: rimuovere l'elemento dall'array in qualsiasi indice utilizzando il metodo splice()

Metodo di giunzione viene utilizzato per modificare il contenuto di un array rimuovendo gli elementi esistenti e/o aggiungendo nuovi elementi. Per rimuovere elementi con il metodo splice() è possibile specificare gli elementi in diversi modi.

Esempio 1: Questo esempio utilizza l'indicizzazione del metodo splice per rimuovere elementi da un array 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 

Esempio 2: Questo esempio utilizza il valore del metodo splice per rimuovere elementi da un array 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 

Esempio 3: Utilizzando il metodo di giunzione per rimuovere ciascun elemento da un array 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: 

Metodo 4: rimuovere l'elemento dall'array con determinate condizioni utilizzando il metodo filter()

Metodo di filtro viene utilizzato per creare un nuovo array da un dato array costituito solo da quegli elementi dell'array dato che soddisfano una condizione impostata dalla funzione argomento. Per rimuovere elementi con il metodo filter() puoi specificare gli elementi in diversi modi.

Esempio: L'esempio seguente utilizza il valore del metodo filter per rimuovere elementi da un array JavaScript.

// JavaScript to illustrate filter() method function isPositive(value) {  return value>0; } funzione func() { let filtered = [101, 98, 12, -1, 848].filter(isPositive);  console.log('Elementi positivi nell'array: ' + filtrati); } funzione(); 

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

Metodo 5: rimuovere gli elementi dell'array con l'indice utilizzando l'operatore Elimina

IL operatore cancella restituisce un valore booleano, VERO, se l'elemento o la proprietà viene rimosso dall'array o dall'oggetto e falso, se viene passata una funzione o una variabile da rimuovere.

Esempio: Il codice seguente implementa l'operatore delete per rimuovere elementi da un array.

// 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 

Metodo 6: rimuovere gli elementi dell'array utilizzando l'approccio Cancella e ripristina

Rimozione di elementi da un array utilizzando l'approccio manuale di cancellazione e reimpostazione reimpostando la lunghezza dell'array su 0 utilizzando la proprietà length o assegnando l'array a un array vuoto([]).

Esempio: Questo esempio spiega come implementare l'approccio clear and reset in 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: [] 

Metodo 7: rimuovere l'elemento dall'array utilizzando il ciclo for() e il nuovo array

Ecco un semplice per ciclo verrà eseguito sull'array e inserisce tutti gli elementi nel nuovo array tranne l'elemento che deve essere rimosso.

Esempio: L'esempio seguente utilizza il ciclo for e a nuova matrice per rimuovere elementi da un array.

let removeElement = (array, n) =>{ let nuovoArray = [];  per (sia 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 

Metodo 8: rimuovere l'elemento dell'array utilizzando il metodo lodash _.remove

Utilizza la libreria lodash per rimuovere elementi da un array JavaScript. Per utilizzare la libreria lodash è necessario installarla localmente sul proprio sistema.

Esempio: Questo codice implementa il _.rimuovere() metodo di lodash per rimuovere un elemento da un array.

// 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); 

Produzione:

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