Eliminar los valores nulos de una matriz en JavaScript

En matrices, eliminar valores nulos (incluidas cadenas vacías, nulas, indefinidas, etc.) es una tarea importante para los desarrolladores. Para hacerlo, JavaScript proporciona algunos métodos, como un bucle tradicional para el bucle que iterará la matriz y agregará los valores en una nueva matriz, el método foreach () o el método filtre ().

Este tutorial ilustrará los métodos para eliminar los valores nulos de las matrices de JavaScript.

Cómo eliminar los valores nulos de JavaScript Array?

Para eliminar los valores nulos de una matriz, use los métodos incorporados de JavaScript a continuación:

• • Método Filter ()
  • en bucle
  • método foreach ()

Método 1: Eliminar los valores nulos de la matriz JavaScript usando el método filtre ()

Utilizar el "filtrar()Método para eliminar los valores nulos de una matriz. Crea y devuelve una nueva matriz agregando los elementos que cumplen con los requisitos especificados en la función.

Sintaxis

Siga la sintaxis dada para el método filtre ():

formación.Filtro (función (CurrentValue, índice, matriz))

En la sintaxis anterior:

• • A "función"Eso se ejecutará para cada elemento de la matriz.
  • El "valor actual"Muestra el valor del elemento actual.
  • "índice"¿Es el índice del elemento seleccionado actualmente.
  • "formación"¿Está la matriz que contiene el elemento actual?.
  • "índice" y "formación"Son los argumentos opcionales, mientras que"función" y "valor actual" son obligatorios.

Ejemplo

Cree una matriz que contenga números y valores nulos:

varilla var = [1, "", 2, 56, 13, 44, nulo, indefinido, 85];

Llame al método filtre () con una función de flecha como una función de retroceso de llamada que selecciona solo los elementos que no se equivalen a la palabra clave "nulo"Y lo almacena, lo que resulta en variable"resonancia":

var res = matriz.filtro (elements =>
Elementos de retorno !== nulo;
);

Imprima la matriz resultante en la consola:

consola.log (res);

La salida muestra una matriz que elimina el "nulo" valor:

Ahora, elimine todos los valores nulos, indefinidos y vacíos de una matriz, y agregue estas múltiples condiciones con el y "&&"Operador:

var res = matriz.filtro (elements =>
regreso (elementos != NULL && Elements !== Undefined && Elements !== "");
);

La salida dada muestra que todos los valores especificados de una matriz se eliminan con éxito:

Método 2: Eliminar valores nulos de la matriz JavaScript usando para bucle

Use el método más tradicional para iterar la matriz utilizando el "para"Loop con el"empujar()" método. Iterará la matriz hasta su longitud y empujará los elementos en una matriz recién creada.

Sintaxis

La siguiente sintaxis del "paraEl bucle se usa para eliminar los valores nulos de una matriz:

para ()
// Declaraciones de retorno

Ejemplo

Primero, cree una matriz vacía:

var proRray = [];

Use el bucle for para iterar la matriz y obtenga los valores no nulos y agréguelos a una matriz recién creada usando el "empujar()" método:

para (deja i = 0; yo < array.length; i++)
if (array [i])
resasón.push (matriz [i]);


consola.log (resasra);

La salida indica que el bucle for para devuelve eficientemente la matriz excluyendo los valores nulos:

Método 3: Eliminar los valores nulos de una matriz utilizando el método foreach ()

Para eliminar los valores nulos de una matriz, use el "para cada()"Método con el"empujar()" método. Para cada elemento de una matriz, llama a una función de devolución de llamada.

Sintaxis

Siga la sintaxis proporcionada por el método foreach ():

formación.foreach (función (currentValue, índice, arr)

En la sintaxis anterior,

• • Una función para ejecutar para cada elemento de la matriz.
  • El "valor actual"Es el valor del elemento actual.
  • "índice”Es el índice de un elemento actualmente seleccionado.
  • "formación"¿Está la matriz que contiene el elemento actual?.
  • "función" y "valor actual"Son obligatorios, mientras que"índice" y "formación"Son los parámetros opcionales.

Ejemplo

Cree una matriz vacía para contener todos los elementos de matriz que no son nulos:

var proRray = [];

Entonces, llame al "para cada()Método para iterar la matriz y verificar que el elemento bajo consideración no sea nulo dentro del método foreach (). Luego, empuje ese elemento de la matriz en la matriz vacía si se cumplen los criterios:

formación.foreach (elements =>
if (elementos !== nulo)
resasón.Push (elementos);

);

Imprima la matriz resultante en la consola:

consola.log (resasra);

La salida muestra una matriz sin el "nulo" valor:

Ahora, elimine todos los demás valores indefinidos de una matriz especificando la siguiente condición:

formación.foreach (elements =>
if (elementos != NULL && Elements !== Undefined && Elements !== "")
resasón.Push (elementos);

);

Producción

Compilamos todos los mejores métodos para eliminar los valores nulos de una matriz en JavaScript.

Conclusión

Para eliminar los valores nulos de una matriz, use los métodos previos a la construcción de JavaScript, incluido el "filtrar()" método, "para"Loop, o"para cada()" método. La matriz.El método Filter () es el método más utilizado para eliminar los valores nulos de una matriz. El "para"Loop es el método tradicional para iterar la matriz y agregar los elementos, excepto los valores nulos en una matriz utilizando el"empujar()" método. Este tutorial ilustra los métodos para eliminar los valores nulos de las matrices de JavaScript.