METODI MODERNI PER RIMUOVERE ELEMENTI DAGLI ARRAY IN JAVASCRIPT


Sommario

1. Array In JavaScript

Gli array in JavaScript sono oggetti speciali che memorizzano gli elementi in sequenza, ovvero memorizzano gli elementi uno dopo l’altro in memoria. Sono oggetti di alto livello, simili a liste. Si può effettivamente pensare a loro come elenchi di elementi.

Tutti gli elementi di un array hanno un indice che indica la posizione di tale elemento nell’array. L’elemento nella prima posizione ha un indice di 0, quindi il prossimo ha un indice di 1, ecc. Per questo motivo, gli indici array di JavaScript sono basati su zero.,
È possibile accedere agli elementi in array JavaScript utilizzando il loro indice.
Possiamo trovare l’indice di un elemento in un array utilizzando un metodo speciale chiamato indexOf.

Puoi semplicemente pensare agli array JavaScript come a un insieme ordinato di valori a cui ti riferisci con un nome e un indice

Il numero totale di elementi in un array è la lunghezza di quell’array.
La proprietà length è speciale. Restituisce sempre l’indice dell’ultimo elemento più uno.

const evenNumbers = console.registro (evenNumbers.,length) / / restituisce la lunghezza dell'array evenNumbers

Gli array JavaScript sono la struttura dati più utilizzata e poiché organizzano gli elementi in sequenza, è super facile accedere al primo e all’ultimo elemento. Quindi l’eliminazione di questi elementi è molto semplice in JavaScript.

2. Array.prototipo.shift()

Il metodo shift() rimuove il primo elemento di un array (cioè l’elemento all’indice di zero). Inoltre, riordina gli elementi rimanenti nell’array e decrementa la lunghezza dell’array di uno. Infine, restituisce l’elemento rimosso.

3. Array.prototipo.,pop()

Il metodo pop() è l’opposto dello shift(). Rimuove l’ultimo elemento dell’array.
L’indice dell’ultimo elemento dell’array è la lunghezza dell’array meno uno. Il metodo pop (), decrementa anche la lunghezza dell’array di uno e restituisce l’elemento rimosso.

4. L’operatore Delete

Entrambi i metodi pop() e shift() ci danno un modo per rimuovere gli elementi da un array dalla posizione preimpostata cioè: l’ultima o la prima posizione rispettivamente. Mentre sono grandi, non otteniamo la libertà di eliminare elementi da qualsiasi altra posizione., Cosa succede se vogliamo eliminare elementi in un determinato indice che non è né il primo né l’ultimo?

L’operatore di eliminazione è ottimo per questo.
A differenza di pop() e shift() l’operatore delete restituisce il nuovo array.

Una cosa che deve essere notata prima di usare il metodo delete è che non cambia la lunghezza dell’array come visto sopra. Rimuove l’elemento specificato e aggiunge undefined al suo posto.

5. Array.prototipo.,splice()

Se l’operatore elimina non è molto adatto a te perché non aggiorna la lunghezza dell’array, un altro metodo di array incorporato che puoi usare è il metodo splice ().

Il metodo splice() è un metodo di array incorporato molto potente che può essere utilizzato per rimuovere gli elementi di array in qualsiasi indice. Può anche essere utilizzato per aggiungere elementi o sostituire un elemento esistente. Ma ci limiteremo a rimuovere elementi da un array. Può rimuovere più elementi da un array a differenza di pop() e shift() che rimuove un elemento alla volta.,
Infine il metodo splice() restituisce un nuovo array contenente l’elemento/elementi eliminati.

Il metodo splice() può richiedere fino a tre parametri per il nostro caso d’uso di cui ha bisogno solo due. Il primo specifica l’indice da cui iniziare l’eliminazione dal secondo specifica quanti elementi rimuovere dall’array

6. Array.prototipo.filter ()

Abbiamo visto la potenza di splice() sopra come lo abbiamo usato per elementi da qualsiasi indice in un array. Ma con splice () potremmo solo eliminare più elementi in serie.

Cosa succede se vogliamo eliminare tutte le parole dal nostro array numList sopra?, poiché le parole non sono in serie nella matrice sopra splice () non è la soluzione migliore. Tranne che stiamo implementando il nostro metodo remove () in cui possiamo usarlo sotto il cofano. Una buona opzione è usare il filtro () poiché stiamo eliminando tutte le istanze di una stringa nell’array.

I metodi filter() chiamano una funzione di callback fornita una volta per ogni elemento in un array e restituisce un nuovo array di elementi che supera il test implementato nella funzione di callback.

Notato la potenza del metodo filter (), come ci permette di rimuovere più elementi da un array indipendentemente dal loro indice., Inoltre, si noti come possiamo combinare le condizioni nell’implementazione della funzione di callback per indirizzare più elementi.

Un capolavoro

Ci sono ancora altri modi per farlo in JavaScript, veramente a questo punto, dovrebbe ridursi all’implementazione di uno sviluppatore della propria funzione personalizzata. Forse sognate di una rimozione () metodo del proprio. Vi lascio con un capolavoro di John Resig. (Il creatore di jQuery).

8. Pensieri di chiusura

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *