Filtrar Array no Javascript é algo muito fácil. Todo array é um objeto com algumas propriedades, você ainda não sabe :D, mas uma delas serve para filtrar um array Array.filter()
Imagine que você tem um array de objetos, estes objetos representam pessoas armazenadas no seu banco de dados e você precisa apenas das pessoas que possuem o status como true. O que fazer então? Filtrar Array! 😛
let usuarios = [
{
nome: 'Usuário 1',
status: true
},
{
nome: 'Usuário 2',
status: true
},
{
nome: 'Usuário 3',
status: false
},
{
nome: 'Usuário 4',
status: false
},
{
nome: 'Usuário 5',
status: true
},
];
let filtrado = usuarios.filter(val => val.status);
console.table(filtrado);
Acessamos o método filter() do nosso array que então, irá retorna um novo array filtrado caso a condição verificada na função interna do filter() seja verdadeira.
Passo à passo
Mas como o filter funciona? O filter() tem os mesmos parâmetros de um forEach(), (valor, index, array). No entanto, ele não serve apenas para percorrer o array. Quando há um retorno true, ele retorna o valor que está sendo iterado naquele momento, ou seja, neste caso como estamos verificando o status.
status == true
Vai retornar o objeto inteiro à variável de retorno filtrado, ou seja a pessoa que o filter() estava testando.
Noções importantes
- O Array original não é alterado.
- Se Nenhum elemento passar o teste, ele retorna um array vazio.
- Não executa iterações em arrays vazios.
Quer aprender mais?
Claro que quer, não é mesmo? E se você não quiser? Ainda assim, Dê uma olhada NESTE POST onde eu ensino a popular um array. Coisa de gênio! 😀
Te vejo no próximo artigo! :*
