Filtrando arrays com arrow functions em JavaScript

JavaScript é uma linguagem de programação popular e versátil, e uma das suas características mais poderosas é a capacidade de trabalhar com arrays. Uma das funções mais úteis para trabalhar com arrays é a filter. Ela permite filtrar elementos de um array baseado em uma determinada condição. A partir do ECMAScript 6, é possível usar arrow functions com a função filter para tornar o código ainda mais conciso.

A sintaxe de uma arrow function é bastante simples. Ela é escrita como:

(parametros) => {corpo da função}

Aqui estão cinco exemplos de como usar a função filter com arrow functions:

1. Filtrar números pares de um array:

const numeros = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const pares = numeros.filter(num => num % 2 === 0);
console.log(pares); // [2, 4, 6, 8, 10]

2. Filtrar objetos por uma propriedade específica:

const pessoas = [
  {nome: "João", idade: 30},
  {nome: "Maria", idade: 25},
  {nome: "José", idade: 35},
  {nome: "Ana", idade: 20}
];
const adultos = pessoas.filter(pessoa => pessoa.idade >= 18);
console.log(adultos); // [{nome: "João", idade: 30}, {nome: "Maria", idade: 25}, {nome: "José", idade: 35}]

3. Filtrar strings por tamanho:

const palavras = ["banana", "maçã", "pera", "abacaxi", "melancia"];
const curtas = palavras.filter(palavra => palavra.length <= 5);
console.log(curtas); // ["maçã", "pera"]

4. Filtrar elementos de um array de objetos por uma condição específica:

const carros = [
  {marca: "Fiat", ano: 2020},
  {marca: "Ford", ano: 2015},
  {marca: "Chevrolet", ano: 2010},
  {marca: "Fiat", ano: 2016}
];
const carrosFiat = carros.filter(carro => carro.marca === "Fiat");
console.log(carrosFiat); // [{marca: "Fiat", ano: 2020}, {marca: "Fiat", ano: 2016}]

5. Filtrar elementos de um array de objetos com múltiplas condições:

const produtos = [
  {nome: "Notebook", preco: 2500, categoria: "eletrônicos"},
  {nome: "Smartphone", preco: 1500, categoria: "eletrônicos"},
  {nome: "TV", preco: 3500, categoria: "eletrônicos"},
  {nome: "Sofá", preco: 2000, categoria: "moveis"},
  {nome: "Cama", preco: 1500, categoria: "moveis"}
];
const eletronicosBaratos = produtos.filter(produto => produto.categoria === "eletrônicos" && produto.preco <= 2000);
console.log(eletronicosBaratos); // [{nome: "Smartphone", preco: 1500, categoria: "eletrônicos"}]

Como você pode ver, usar arrow functions com a função filter torna o código mais conciso e fácil de ler. É uma ótima maneira de filtrar elementos de um array de forma rápida e eficiente. Lembre-se de sempre testar suas condições de filtragem para garantir que você esteja obtendo os resultados esperados.

0 Comments