Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Filtragem de Arrays com o Método filter() | Métodos Avançados de Arrays e Transformações
Estruturas de Dados em JavaScript

bookFiltragem de Arrays com o Método filter()

Este capítulo explora as particularidades do método filter(), esclarecendo sua sintaxe, aplicações e como ele facilita a criação de arrays refinados.

filter()

O método filter() seleciona elementos que atendem a uma determinada condição. Vamos decifrar a sintaxe:

array.filter((element, index, array) => {
  // Callback body
});

O que é importante saber sobre o método filter():

  • Não altera o array original;
  • Itera sobre o array original elemento por elemento;
  • Retorna um novo array;
  • Elementos são adicionados ao novo array se satisfizerem a condição do callback;
  • Se o callback retornar true, o elemento é incluído; caso contrário, é omitido.

Exemplos

O verdadeiro potencial do método filter() torna-se evidente quando aplicado a diferentes cenários. Vamos explorar alguns exemplos ilustrativos:

Exemplo 1: Filtrando Números Ímpares

Neste exemplo, o método filter() cria um array (oddNumbers) contendo apenas os números ímpares do array original.

123456
const numbers = [15, 22, 37, 41, 58, 67, 72]; const oddNumbers = numbers.filter((number) => { return number % 2 !== 0; }); console.log(oddNumbers); // Output: 15, 37, 41, 67
copy

Exemplo 2: Filtrando Produtos por Faixa de Preço

Aqui, o método filter() é utilizado para extrair produtos com preços abaixo de $500, criando um novo array (affordableProducts).

const products = [
  { name: "Keyboard", price: 220 },
  { name: "Smartphone", price: 800 },
  { name: "Tablet", price: 500 },
  { name: "Headphones", price: 120 },
  { name: "Camera", price: 1500 },
];

const affordableProducts = products.filter((product) => product.price < 500);
console.log(affordableProducts); // Output: [ { name: "Keyboard", price: 220 }, { name: "Headphones", price: 120 } ]

1. O que o método filter() faz?

2. Qual é uma característica fundamental do método filter()?

3. No exemplo abaixo, qual deve ser a condição para que o array numbersGreaterThan20 contenha números maiores que 20?

question mark

O que o método filter() faz?

Select the correct answer

question mark

Qual é uma característica fundamental do método filter()?

Select the correct answer

question mark

No exemplo abaixo, qual deve ser a condição para que o array numbersGreaterThan20 contenha números maiores que 20?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 3

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Suggested prompts:

Can you explain how the filter() method differs from the map() method?

Can you show more examples of using filter() with different data types?

What happens if no elements satisfy the filter condition?

Awesome!

Completion rate improved to 2.27

bookFiltragem de Arrays com o Método filter()

Deslize para mostrar o menu

Este capítulo explora as particularidades do método filter(), esclarecendo sua sintaxe, aplicações e como ele facilita a criação de arrays refinados.

filter()

O método filter() seleciona elementos que atendem a uma determinada condição. Vamos decifrar a sintaxe:

array.filter((element, index, array) => {
  // Callback body
});

O que é importante saber sobre o método filter():

  • Não altera o array original;
  • Itera sobre o array original elemento por elemento;
  • Retorna um novo array;
  • Elementos são adicionados ao novo array se satisfizerem a condição do callback;
  • Se o callback retornar true, o elemento é incluído; caso contrário, é omitido.

Exemplos

O verdadeiro potencial do método filter() torna-se evidente quando aplicado a diferentes cenários. Vamos explorar alguns exemplos ilustrativos:

Exemplo 1: Filtrando Números Ímpares

Neste exemplo, o método filter() cria um array (oddNumbers) contendo apenas os números ímpares do array original.

123456
const numbers = [15, 22, 37, 41, 58, 67, 72]; const oddNumbers = numbers.filter((number) => { return number % 2 !== 0; }); console.log(oddNumbers); // Output: 15, 37, 41, 67
copy

Exemplo 2: Filtrando Produtos por Faixa de Preço

Aqui, o método filter() é utilizado para extrair produtos com preços abaixo de $500, criando um novo array (affordableProducts).

const products = [
  { name: "Keyboard", price: 220 },
  { name: "Smartphone", price: 800 },
  { name: "Tablet", price: 500 },
  { name: "Headphones", price: 120 },
  { name: "Camera", price: 1500 },
];

const affordableProducts = products.filter((product) => product.price < 500);
console.log(affordableProducts); // Output: [ { name: "Keyboard", price: 220 }, { name: "Headphones", price: 120 } ]

1. O que o método filter() faz?

2. Qual é uma característica fundamental do método filter()?

3. No exemplo abaixo, qual deve ser a condição para que o array numbersGreaterThan20 contenha números maiores que 20?

question mark

O que o método filter() faz?

Select the correct answer

question mark

Qual é uma característica fundamental do método filter()?

Select the correct answer

question mark

No exemplo abaixo, qual deve ser a condição para que o array numbersGreaterThan20 contenha números maiores que 20?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 5. Capítulo 3
some-alt