Remova os valores nulos de uma matriz em JavaScript

Nas matrizes, a remoção de valores nulos (incluindo cordas vazias, nula, indefinida e assim por diante) é uma tarefa importante para os desenvolvedores. Para fazer isso, o JavaScript fornece alguns métodos, como um loop tradicional para o loop que iterará a matriz e adicionará os valores em uma nova matriz, o método foreach () ou o método filtro ().

Este tutorial ilustrará os métodos para remover valores nulos de matrizes JavaScript.

Como remover valores nulos da matriz JavaScript?

Para remover valores nulos de uma matriz, use os métodos internos de JavaScript abaixo:

• • Método Filter ()
  • para loop
  • Método foreach ()

Método 1: Remova os valores nulos da matriz JavaScript usando o método filter ()

Use o "filtro()”Método para remover valores nulos de uma matriz. Ele cria e retorna uma nova matriz, adicionando os elementos que atendem aos requisitos especificados na função.

Sintaxe

Siga a sintaxe dada para o método filter ():

variedade.filtro (função (currentValue, índice, matriz)))

Na sintaxe acima:

• • A "função”Isso será executado para todos os elementos da matriz.
  • O "valor atual”Exibe o valor do elemento atual.
  • ““índice”É o índice do elemento atualmente selecionado.
  • ““variedade”É a matriz que contém o elemento atual.
  • ““índice" e "variedade“São os argumentos opcionais, enquanto“função" e "valor atualSão obrigatórios.

Exemplo

Crie uma matriz contendo números e valores nulos:

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

Chame o método filter () com uma função de seta como uma função de volta que seleciona apenas os elementos que não serão iguais à palavra -chave “nulo”E armazena -o resultando em variável“res”:

var res = matriz.filtro (elementos =>
elementos de retorno !== null;
);

Imprima a matriz resultante no console:

console.log (res);

A saída exibe uma matriz que remove o “nulo" valor:

Agora, remova todos os valores nulos, indefinidos e vazios de uma matriz e adicione essas múltiplas condições com o e “&&”Operador:

var res = matriz.filtro (elementos =>
retornar (elementos != NULL && elementos !== Elementos indefinidos !== "");
);

A saída fornecida mostra que todos os valores especificados de uma matriz são removidos com sucesso:

Método 2: Remova os valores nulos da matriz JavaScript usando o loop

Use o método mais tradicional para iterar a matriz usando o “para”Faça um loop com o“empurrar()”Método. Ele irá itera a matriz até o seu comprimento e empurrar os elementos para uma matriz recém -criada.

Sintaxe

A seguinte sintaxe do “para”O loop é usado para remover valores nulos de uma matriz:

para ()
// declarações de retorno

Exemplo

Primeiro, crie uma matriz vazia:

var reDray = [];

Use o loop for para iterar a matriz e obter os valores não nulos e adicione-os a uma matriz recém-criada usando o “empurrar()”Método:

para (vamos i = 0; i < array.length; i++)
if (matriz [i])
REARRAY.push (matriz [i]);


console.log (rearray);

A saída indica que o loop for retorna com eficiência, a matriz excluindo os valores nulos:

Método 3: Remova os valores nulos de uma matriz usando o método foreach ()

Para remover valores nulos de uma matriz, use o “para cada()”Método com o“empurrar()”Método. Para cada elemento de uma matriz, ele chama uma função de retorno de chamada.

Sintaxe

Siga a sintaxe fornecida para o método foreach ():

variedade.foreach (função (currentValue, índice, arr)

Na sintaxe acima,

• • Uma função a ser executada para cada elemento da matriz.
  • O "valor atual”É o valor do elemento atual.
  • ““índice”É o índice de um elemento atualmente selecionado.
  • ““variedade”É a matriz que contém o elemento atual.
  • ““função" e "valor atual”São obrigatórios, enquanto“índice" e "variedade”São os parâmetros opcionais.

Exemplo

Crie uma matriz vazia para segurar todos os elementos da matriz que não são nulos:

var reDray = [];

Então, chame o “para cada()”Método para iterar a matriz e verificar se o elemento em consideração não é nulo dentro do método foreach (). Em seguida, empurre esse elemento da matriz para a matriz vazia se os critérios forem atendidos:

variedade.foreach (Elements =>
if (elementos !== null)
REARRAY.push (elementos);

);

Imprima a matriz resultante no console:

console.log (rearray);

A saída mostra uma matriz sem o “nulo" valor:

Agora, elimine todos os outros valores indefinidos de uma matriz especificando a seguinte condição:

variedade.foreach (Elements =>
if (elementos != NULL && elementos !== Elementos indefinidos !== "")
REARRAY.push (elementos);

);

Saída

Compilamos todos os melhores métodos para remover os valores nulos de uma matriz em JavaScript.

Conclusão

Para remover valores nulos de uma matriz, use os métodos pré -construídos JavaScript, incluindo o “filtro()”Método,“para”Loop, ou“para cada()”Método. A matriz.O método filtro () é o método mais usado para remover os valores nulos de uma matriz. O "para”O loop é o método tradicional para iterar a matriz e adicionar os elementos, exceto os valores nulos em uma matriz usando o“empurrar()”Método. Este tutorial ilustrou os métodos para remover valores nulos de matrizes JavaScript.