Rimozione di elementi da un array in JavaScript



In questo articolo otterrai una panoramica completa di vari metodi per rimuovere elementi da un array in JavaScript con esempi.

Molto spesso non è necessario manipolare un array che nasce dal nulla. Esistono vari metodi per tali manipolazioni, uno dei quali include il metodo per rimuovere un elemento. In questo articolo, ti guiderò attraverso vari metodi per rimuovere elementi da un array in . Di seguito sono riportati i suggerimenti su cui si concentrerà questo articolo,

Cominciamo allora,





Rimozione di elementi da un array in JavaScript

Metodo pop

Il metodo pop () rimuove l'elemento dalla fine di un array, proprio come uno stack. Il metodo push (), d'altra parte, aggiunge un elemento alla fine di un array.I metodi implementano il concetto di LIFO (Last-In-First-Out).

['Rock', 'Metal', 'Blues', 'Jazz'] list.pop () ['Rock', 'Metal', 'Blues']

Il codice rimuove l'ultimo elemento dell'array, ovvero 'Jazz'.Il metodo push () aggiunge di nuovo l'elemento all'array.



Metodo Shift: rimozione di elementi da un array in JavaScript

Il metodo shift () rimuove l'elemento dall'inizio di un array. Il metodo unshift (), d'altra parte, aggiunge di nuovo l'elemento all'inizio dell'array.

differenza tra tabella hash e mappa hash
['Rock', 'Metal', 'Blues', 'Jazz'] list.shift () ['Metal', 'Blues', 'Jazz']

Il codice rimuove il primo elemento, ovvero Rock, dall'array.Utilizzando il metodo unshift (), 'Rock' verrà aggiunto di nuovo all'array.

Metodo di giunzione

Il metodo splice () rimuove una parte particolare o selettiva dell'array.Si rivela un metodo ingegnoso per rimuovere, sostituire o aggiungere elementi all'array.



['Rock', 'Metal', 'Blues', 'Jazz'] list.splice (2, 1) // A partire dalla posizione di indice 2, rimuovi un elemento ['Rock', 'Metal', 'Jazz'] elenco .splice (2,2) // A partire dalla posizione indice 2, rimuovi due elementi ['Rock', 'Metal']

Nell'esempio precedente, il metodo slice rimuove gli elementi in base all'indice specificato.

'Blues' viene rimosso dal primo esempio in quanto è posizionato all'indice 2.

Nel secondo esempio, vengono rimossi due elementi, ovvero 'Blues' e 'Jazz', poiché l'indice specifica che devono essere rimossi 2 elementi, a partire dall'indice 2.

Va notato che gli array sono indicizzati a zero in JavaScript.

Andando oltre, questo articolo sulla rimozione di elementi da un array in JavaScript,

Giunzione per gamma di elementi

È plausibile rimuovere elementi consecutivi utilizzando il metodo splice ():

['Rock', 'Metal', 'Blues', 'Jazz'] list.splice (0, 2) // A partire dalla posizione di indice 0, rimuovi due elementi ['Blues', 'Jazz']

Il codice rimuove i valori menzionati nel metodo di giunzione.

Rimuovi elementi per valore: rimozione di elementi da un array in JavaScript,

Possiamo cercare un elemento usando splice () e rimuoverlo consecutivamente.Questo metodo può essere associato al comando indexOf (), che restituisce il primo indice in cui è possibile trovare un dato elemento. Se l'elemento non viene trovato, restituisce -1 come output.

Nell'esempio seguente, rimuoviamo l'elemento 'Blues':

['Rock', 'Metal', 'Blues', 'Jazz'] // Trova la posizione di indice di 'Blues' e rimuovi un elemento da quella posizione list.splice (list.indexOf ('Blues'), 1)

Il codice rimuove l'elemento 'Blues', dopo aver scoperto la posizione di indice dell'elemento.

Rimuovi intervallo di elementi per valore

JavaScript ci consente di rimuovere più elementi dall'array.

['Rock', 'Metal', 'Blues', 'Blues', 'Jazz'] per (var i = list.length-1 i -) {if (list [i] === 'Blues') elenco .splice (i, 1)} ['Rock', 'Metal', 'Jazz']

Il codice rimuove tutte le occorrenze dell'elemento 'Blues'.

Cominciamo con la parte finale di questo articolo sulla rimozione di elementi da un array in JavaScript,

Metodo di filtro array

Invece di modificare l'array su cui è stato chiamato, filter () crea un nuovo array.Ha un singolo parametro, noto come metodo di callback. Il metodo di callback viene attivato quando il metodo di filtro itera sugli elementi dell'array.

Passa tre valori alla richiamata:

  • Il valore corrente
  • L'indice dell'array corrente
  • La matrice completa

Restituisce due valori: vero o falso. Gli elementi che restituiscono true vengono aggiunti al nuovo array creato da filter ().

var array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0] var filtered = array.filter (function (value, index, arr) {return value> 4}) // filtered = > [5,6, 7, 8, 9]

L'array filtrato è costituito dagli elementi che si dimostrano veri.

ssis tutorial per principianti 2012 con esempi

La rimozione di elementi da un array può essere di natura un po 'noiosa, ma in realtà questi metodi sono i più efficienti e pieni di risorse.

Con questo arriviamo alla fine di questo blog sulla 'Rimozione di elementi da un array in JavaScript'. Spero che tu l'abbia trovato utile e informativo, resta sintonizzato per ulteriori tutorial su argomenti simili. Puoi anche controllare il nostro programma di formazione tPer ottenere una conoscenza approfondita di jQuery e delle sue varie applicazioni, puoi farlo per formazione online dal vivo con supporto 24 ore su 24, 7 giorni su 7 e accesso a vita.

Hai domande per noi? Menzionateli nella sezione commenti di questo blog e vi risponderemo.