Rimuovere i valori null da un array in JavaScript

In array, la rimozione di valori nulli (comprese stringhe vuote, null, indefinite e così via) è un compito importante per gli sviluppatori. Per fare ciò, JavaScript fornisce alcuni metodi, come un loop tradizionale che iterirà l'array e aggiungerà i valori in un nuovo array, il metodo foreach () o il metodo filtro ().

Questo tutorial illustrerà i metodi per rimuovere i valori nulli dagli array JavaScript.

Come rimuovere i valori null dall'array JavaScript?

Per rimuovere i valori null da un array, utilizzare i metodi integrati JavaScript di seguito:

• • Metodo Filtro ()
  • per loop
  • metodo foreach ()

Metodo 1: rimuovere i valori null dall'array JavaScript usando il metodo Filter ()

Usa il "filtro()"Metodo per rimuovere i valori nulli da un array. Crea e restituisce un nuovo array aggiungendo gli elementi che soddisfano i requisiti specificati nella funzione.

Sintassi

Seguire la sintassi data per il metodo Filter ():

vettore.Filtro (funzione (CurrentValue, indice, array))

Nella sintassi sopra:

• • UN "funzione"Sarà eseguito per ogni elemento dell'array.
  • IL "valore corrente"Visualizza il valore dell'elemento corrente.
  • "indice"È l'indice dell'elemento attualmente selezionato.
  • "vettore"È l'array contenente l'elemento corrente.
  • "indice" E "vettore"Sono gli argomenti opzionali, mentre"funzione" E "valore corrente" sono obbligatori.

Esempio

Crea un array contenente numeri e valori null:

var array = [1 ,, "", 2, 56, 13, 44, null, indefinito, 85];

Chiama il metodo Filter () con una funzione freccia come una funzione di richiamata che seleziona solo gli elementi che non saranno uguali alla parola chiave "nullo"E lo memorizza con conseguente variabile"res":

var res = array.filtro (elements =>
Elementi di ritorno !== null;
);

Stampa l'array risultante sulla console:

console.log (res);

L'uscita visualizza un array che rimuove il "nullo" valore:

Ora, rimuovi tutti i valori null, indefiniti e vuoti da un array e aggiungi queste condizioni multiple con e "&&"Operatore:

var res = array.filtro (elements =>
Ritorno (elementi != null && elements !== Undefined && Elements !== "");
);

L'output dato mostra che tutti i valori specificati di un array vengono rimossi correttamente:

Metodo 2: rimuovere i valori null dall'array JavaScript utilizzando per loop

Usa il metodo più tradizionale per iterare l'array usando il "per"Loop con il"spingere()" metodo. Itederà l'array fino alla sua lunghezza e spingerà gli elementi in un array appena creato.

Sintassi

La seguente sintassi del "per"Loop viene utilizzato per la rimozione di valori nulli da un array:

per ()
// dichiarazioni di restituzione

Esempio

Innanzitutto, crea un array vuoto:

var Resarray = [];

Usa il loop per iterare l'array e ottenere i valori non nulli e aggiungerli a un array appena creato usando "spingere()" metodo:

per (let i = 0; i < array.length; i++)
if (array [i])
Resarray.push (array [i]);


console.log (Resarray);

L'output indica che il loop restituisce in modo efficiente l'array escluso i valori null:

Metodo 3: rimuovere i valori null da un array usando il metodo foreach ()

Per rimuovere i valori nulli da un array, usa il “per ciascuno()Metodo "con il"spingere()" metodo. Per ogni elemento di un array, chiama una funzione di callback.

Sintassi

Segui la sintassi fornita per il metodo foreach ():

vettore.foreach (funzione (currentValue, indice, arr)

Nella sintassi sopra,

• • Una funzione da eseguire per ogni elemento dell'array.
  • IL "valore corrente"È il valore dell'elemento corrente.
  • "indice"È l'indice di un elemento attualmente selezionato.
  • "vettore"È l'array contenente l'elemento corrente.
  • "funzione" E "valore corrente"Sono obbligatori, mentre"indice" E "vettore"Sono i parametri opzionali.

Esempio

Crea un array vuoto per contenere tutti gli elementi dell'array che non sono nulli:

var Resarray = [];

Quindi, chiama il "per ciascuno()"Metodo per iterare l'array e verificare che l'elemento in esame non sia nullo all'interno del metodo foreach (). Quindi, spingere quell'elemento dell'array nell'array vuoto se i criteri sono soddisfatti:

vettore.foreach (elements =>
Se (elementi !== null)
Resarray.push (elementi);

);

Stampa l'array risultante sulla console:

console.log (Resarray);

L'output mostra un array senza "nullo" valore:

Ora, elimina tutti gli altri valori indefiniti da un array specificando la seguente condizione:

vettore.foreach (elements =>
Se (elementi != null && elements !== Undefined && Elements !== "")
Resarray.push (elementi);

);

Produzione

Abbiamo compilato tutti i metodi migliori per rimuovere i valori nulli da un array in JavaScript.

Conclusione

Per rimuovere i valori null da un array, utilizzare i metodi predefiniti JavaScript, incluso il “filtro()" metodo, "per"Loop o"per ciascuno()" metodo. L'array.Il metodo Filter () è il metodo più utilizzato per rimuovere i valori nulli da un array. IL "per"Loop è il metodo tradizionale per iterare l'array e aggiungere gli elementi ad eccezione dei valori null in un array usando il"spingere()" metodo. Questo tutorial ha illustrato i metodi per la rimozione di valori nulli dagli array JavaScript.