Eliminar valores nulos de una matriz en JavaScript

En las matrices, la eliminación de valores nulos (incluidas cadenas vacías, nulas, indefinidas, etc.) es una tarea importante para los desarrolladores. JavaScript proporciona una serie de métodos para esto, p. Por ejemplo, un bucle for tradicional que itera sobre la matriz y agrega los valores en una nueva matriz, el método forEach() o el método filter(). Este tutorial demuestra los métodos para eliminar valores nulos de matrices de JavaScript.

¿Cómo elimino valores nulos de una matriz de JavaScript?

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

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

Utilizar el «Filtrar()” método para eliminar 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 filter(): array.filter(function(currentValue, index, array)) En la sintaxis anterior:

• • A «función‘, que se ejecuta para cada elemento de la matriz.
  • Que «Valor actual‘ muestra el valor del elemento actual.
  • «índice” es el índice del elemento actualmente seleccionado.
  • «Fila” es la matriz que contiene el elemento actual.
  • «índice» y «Fila” son los argumentos opcionales, mientras que “función» y «Valor actual» son obligatorios.

ejemplo
Cree una matriz de números y valores nulos: var array = [1, , «», 2, 56, 13, 44, null, undefined, 85]; Llame al método filter() con una función de flecha como función de devolución de llamada que selecciona solo aquellos elementos que no coinciden con la palabra clave «cero‘ y lo guarda como una variable ‘resolución”: var res = array.filter(elementos => { devolver elementos !== null;}); Imprima la matriz resultante en la consola: la salida muestra una matriz que contiene el «cero» Valor:
Ahora elimine todos los valores nulos, indefinidos y vacíos de una matriz y agregue estas múltiples condiciones con AND «&&” Operador: var res = array.filter(elementos => { return (elementos != nulo && elementos !== indefinido && elementos !== «»);}); El resultado especificado muestra que todos los valores especificados se han eliminado correctamente de una matriz:

Método 2: elimine los valores nulos de la matriz de JavaScript usando for loop

Use el método más tradicional para construir la matriz con el «hacia” bucle con el “para presionar()«Método. Itera la matriz hasta su longitud y empuja los elementos en una matriz recién creada.
sintaxis
La siguiente sintaxis de «hacia” loop se usa para eliminar valores nulos de una matriz: for () {// return declaraciones}
ejemplo
Primero cree una matriz vacía: use el ciclo for para iterar a través de la matriz y obtener los valores distintos de cero y agregarlos a una matriz recién creada con el «para presionar()” Método: for (let i = 0; i < array.length; i++) { if (array[i]) {resArray.push(Array[i]); }}consola.log(resArray); El resultado indica que el bucle for devuelve eficientemente la matriz sin los valores nulos:

Método 3: Eliminar valores nulos de una matriz usando el método forEach()

Para eliminar valores nulos de una matriz, use el «para cada()” método con el “para presionar()» método. Para cada elemento de una matriz, llama a una función de devolución de llamada.
sintaxis
Siga la sintaxis dada para el método forEach(): array.forEach(function(currentValue, index, arr) En la sintaxis anterior

• • Una función a realizar en cada elemento de la matriz.
  • Que «Valor actual” es el valor del elemento actual.
  • «índice” es el índice de un elemento actualmente seleccionado.
  • «Fila” es la matriz que contiene el elemento actual.
  • «función» y «Valor actual‘ son obligatorios, mientras que ‘índice» y «Fila» son los parámetros opcionales.

ejemplo
Cree una matriz vacía para contener todos los elementos de la matriz que no sean nulos: luego llame al «para cada()” para iterar sobre la matriz y verificar si el elemento bajo consideración no es nulo dentro del método forEach(). Luego inserte ese elemento de la matriz en la matriz vacía si se cumplen los criterios: array.forEach(elements => { if (elements !== null) { resArray.push(elements); }}); Imprima la matriz resultante en la consola: la salida muestra una matriz sin «cero» Valor:
Ahora elimine todos los demás valores indefinidos de una matriz especificando la siguiente condición: matriz.forEach(elementos => { if (elementos != null && elementos !== indefinidos && elementos !== «») { resArray.push ( Elementos); }});
producción
Hemos recopilado los mejores métodos para eliminar los valores nulos de una matriz en JavaScript.

Conclusión

Para eliminar valores nulos de una matriz, use los métodos de JavaScript predefinidos, incluido el «Filtrar()«método,»hacia«bucle» o «para cada()«. El método array.filter() es el método más utilizado para eliminar los valores nulos de una matriz. El «hacia” loop es la forma tradicional de iterar a través de la matriz y agregar los elementos no nulos en una matriz utilizando el “para presionar()» método. Este tutorial demuestra los métodos para eliminar valores nulos de matrices de JavaScript.