Wtricks • Tutoriais e Dicas do Mundo Digital

Como usar o método filter() em JavaScript

Por Carlos Sabo Cantanzaro • 23/10 - 01:09 am | Em Front-end, JavaScript

Aprenda de forma simples e cheia de exemplos, como usar o método filter() do JavaScript.

O método  filter() vai percorrer cada elemento de um array e colocar, em um novo array, os elementos que retornam TRUE, de acordo com a função especificada no nosso filtro.

Para ficar mais claro, vamos usar um exemplo. Imagine o seguinte array:

const people = [
    { name: 'Carlos', age: 28 },
    { name: 'Henrique', age: 22 },
    { name: 'João', age: 27 },
    { name: 'Paulo', age: 30}
]

Agora, vamos usar a função  filter() para percorrer o array e retornar, em um novo array, todo mundo que tenha mais de 22 anos.

Para isso vamos definir uma nova variável, chamada  newArray e como valor inicial da mesma, vamos passar o retorno da nossa função  filter(). Ou seja, nosso novo array, vai ser composto de todo mundo, no array antigo, com mais de 22 anos 🙀

const newArray = people.filter(person => person.age > 22);

Se você olhar a saída do terminal, o resultado é o seguinte:

console.table(newArray);

/* Resultado no log :
| index |  name      |  age |
|-------|------------|------|
| 0     |  'Carlos'  |  28  |
| 1     |  'João'    |  27  |
| 2     |  'Paulo'   |  30  |
*/

Ou seja, a função filter() vai percorrer todo o array, elemento por elemento, checando se a condição passada como parâmetro da função é verdadeira. Se sim, o item do array é colocado em um novo array, no nosso caso, a variável newArray, agora, caso a condição não retorne verdadeira, o item simplesmente vai ser ignorado!

Além do que mostrado aqui, a função filter() aceita outros parâmetros, para uma leitura mais aprofundada, eu recomendo a documentação oficial

Quer um resumo? Toma 👉

COMO USAR: “Array.prototype.filter()” em JavaScript

PARTICIPE DA DISCUSSÃO