En las matrices, la eliminación de valores nulos (incluidas cadenas vacías, nulos, indefinidos, etc.) es una tarea importante para los desarrolladores. Para hacerlo, JavaScript proporciona algunos métodos, como un bucle for tradicional que iterará la matriz y agregará los valores en una nueva matriz, el método forEach() o el método filter().
Este tutorial ilustrará los métodos para eliminar valores nulos de matrices de JavaScript.
¿Cómo eliminar valores nulos de la matriz de JavaScript?
Para eliminar valores nulos de una matriz, utilice los métodos integrados de JavaScript que se indican a continuación:
Método 1: elimine los valores nulos de la matriz de JavaScript utilizando 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 los requisitos especificados en la función.
Sintaxis
Siga la sintaxis dada para el método filter():
matriz.filtro(función(valor actual, índice, matriz))
En la sintaxis anterior:
-
- A “función” que se ejecutará para cada elemento de la matriz.
- Los “valor actual” muestra el valor del elemento actual.
- “índice” es el índice del elemento actualmente seleccionado.
- “formación” es 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:
matriz var = [1, , “”, 2, 56, 13, 44, null, undefined, 85];
Llame al método filter () con una función de flecha como una función de devolución de llamada que selecciona solo los elementos que no serán iguales a la palabra clave “nulo” y lo almacena dando como resultado la variable “resolución”:
var res = matriz.filtro(elementos => {
devolver elementos !== nulo;
});
Imprime la matriz resultante en la consola:
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 condiciones múltiples con AND “&&operador ”:
var res = matriz.filtro(elementos => {
devolver (elementos != nulo && elementos !== indefinido && elementos !== “”);
});
El resultado dado muestra que todos los valores especificados de una matriz se eliminan con éxito:
Método 2: eliminar valores nulos de la matriz de JavaScript usando for Loop
Use el método más tradicional para iterar la matriz usando el “por” bucle con el “empujar()” método. Iterará la matriz hasta su longitud y empujará los elementos a una matriz recién creada.
Sintaxis
La siguiente sintaxis de “por” loop se usa para eliminar valores nulos de una matriz:
por () {
// devolver declaraciones
}
Ejemplo
Primero, crea una matriz vacía:
Use el ciclo for para iterar la matriz y obtener los valores no nulos y agregarlos a una matriz recién creada usando el “empujar()” método:
por (dejar yo = 0; i < matriz.longitud; yo ++) {
si (formación[i]) {
resArray.push(formación[i]);
}
}
consola.log(resArray);
El resultado indica que el ciclo for devuelve eficientemente la matriz excluyendo 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 “empujar()” método. Para cada elemento de una matriz, llama a una función de devolución de llamada.
Sintaxis
Siga la sintaxis proporcionada para el método forEach():
array.forEach(función(valor actual, índice, arr)
En la sintaxis anterior,
-
- Una función a ejecutar para cada elemento de la matriz.
- Los “valor actual” es el valor del elemento actual.
- “índice” es el índice de un elemento actualmente seleccionado.
- “formación” es 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 la matriz que no sean nulos:
Luego, llame al “para cada()” para iterar la matriz y verificar que el elemento bajo consideración no sea 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(elementos => {
si (elementos !== nulo) {
resArray.push(elementos);
}
});
Imprime la matriz resultante en la consola:
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:
array.forEach(elementos => {
si (elementos != nulo && elementos !== indefinido && elementos !== “”) {
resArray.push(elementos);
}
});
Producción
Recopilamos todos 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 preconstruidos de JavaScript, incluido el “filtrar()” método, “por” bucle, o “para cada()” método. El método array.filter() es el método más utilizado para eliminar los valores nulos de una matriz. Los “por” loop es el método tradicional para iterar la matriz y agregar los elementos excepto los valores nulos en una matriz usando el “empujar()” método. Este tutorial ilustró los métodos para eliminar valores nulos de matrices de JavaScript.