Guia para o método JavaScript Array Filter()

Em JavaScript, o método filter() é um método iterativo que chama uma função de retorno de chamada uma vez para cada elemento em um array. Se a função de retorno de chamada retornar verdadeiro, ela incluirá esse elemento na matriz de retorno. O método filter() também é chamado de método de cópia porque retorna uma cópia superficial de um array que contém os mesmos elementos do array original.

O método JavaScript array filter() permite filtrar um array para ver apenas os elementos que atendem a uma condição especificada. Ele usa uma função de retorno de chamada para iterar cada elemento da matriz e retorna apenas aqueles que atendem à condição especificada.

O método JavaScript filter() se parece com qualquer outro método, exceto que aceita parâmetros que fornecem mais opções para manipular os dados dentro de um array.

O método filter() aceita dois argumentos nomeados: uma função de retorno de chamada e um objeto opcional. A função de retorno de chamada recebe três argumentos:

O índice dos argumentos da matriz é opcional.

O método filter() cria um novo array com todos os elementos. Existem três maneiras diferentes de escrever a sintaxe do método filter(). A sintaxe é a seguinte:

callbackFn executa cada elemento de um array. Ele retorna um valor verdadeiro para manter o elemento em uma matriz. O callbackFn é chamado com os seguintes argumentos:

Mais sobre JavaScript3 maneiras de usar Array Slice em JavaScript

Para usar o método filter() em JavaScript, precisamos seguir quatro etapas:

Aqui está um exemplo que usa o método filter() para filtrar uma matriz com base em critérios de pesquisa para marcas de automóveis que começam com a letra “B”.

Neste exemplo, o método filter() é chamado no array cars para retornar apenas marcas de carros que começam com a letra “B”. A função filterItems usa dois parâmetros arr e query que retorna a nova matriz com o valor de consulta correspondente. Dentro do método filterItemO método filter() é chamado no array cars que irá filtrar o array com base na consulta.

O método filter() percorre o array e testa cada elemento para determinar se ele corresponde à consulta. Retorna uma nova matriz com três marcas: Bentley, BMW e Bertone.

O método filter() não modifica o array original, mas retorna um novo array com apenas os elementos que passam no teste dentro da função.

A seguir está o código que filtra uma matriz de números e cria uma nova matriz apenas com os elementos pares. As etapas para usar o filter() em uma matriz de números são:

Aqui está um exemplo que demonstra o programa.

No código acima, definimos uma matriz de números numbersArr. Usamos o método filter() em numbersArr e passamos uma função que determina se cada elemento é par usando o operador módulo% para ver se o número é divisível por dois. Se o número for par, a função retornará verdadeiro e o elemento será incluído no novo array EvenNumbers. Se o número for ímpar, a função retornará falso e o número será excluído do novo array.

A seguir está o código que filtra uma matriz de objetos e cria uma nova matriz apenas com os elementos verdadeiros. As etapas para usar o filter() em uma matriz de objetos são:

Aqui está um exemplo de trecho de código que demonstra o programa.

No código acima, definimos um array de objetos freelancers. Usamos o método filter() no array freelancers e passamos uma função que verifica se cada freelancer tem habilidade em JavaScript. Se a habilidade correspondesse à condição, o objeto seria incluído no novo array filter_freelancers. Se a habilidade não corresponder, a função retornará falso e o objeto será excluído da nova matriz. O resultado retorna um novo array com dois freelancers, Harry e David, que têm experiência em JavaScript.

A seguir está o código que filtra todos os números primos de um array e cria um novo array apenas com os números primos. As etapas para usar o filter() são:

Aqui está um trecho de código de exemplo que demonstra o exemplo.