Encadeamento de Métodos de Array

Parte da seção Lógica & Fluxo do Journey de JavaScript da Coddy — lição 55 de 65.

O encadeamento de arrays permite que você realize múltiplas operações em um array em uma única instrução. Essa abordagem pode tornar seu código mais conciso e legível.

Aqui está um exemplo de encadeamento de métodos de array:

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const result = numbers
  .filter(num => num % 2 === 0)
  .map(num => num * 2)
  .reduce((sum, num) => sum + num, 0);

console.log(result); // 60

Neste exemplo, começamos com um array de números, filtramos os números ímpares, dobramos cada número restante e, em seguida, somamos os resultados.

A ordem do encadeamento é importante. Cada método na cadeia opera sobre o resultado do método anterior.

Desafio

Fácil

Crie uma função chamada processFruits que recebe um array de objetos de frutas. Cada objeto de fruta possui as propriedades name (string) e quantity (number).

A função deve usar métodos de array encadeados para:

Filtrar as frutas com quantidade igual a 0
Transformar cada nome de fruta para letras maiúsculas
Criar uma string que liste todas as frutas com suas quantidades como "APPLE: 5, BANANA: 3"

Um lembrete rápido:

Você pode usar a função .join(", ") para converter um array de strings em uma única string.

É possível encadear até mesmo a função .join():

arr.filter(...)
   .map(...)
   .join(...)

Folha de consulta

O encadeamento de métodos de array permite realizar múltiplas operações em um array em uma única instrução, tornando o código mais conciso e legível.

Cada método na cadeia opera sobre o resultado do método anterior:

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const result = numbers
  .filter(num => num % 2 === 0)
  .map(num => num * 2)
  .reduce((sum, num) => sum + num, 0);

console.log(result); // 60

Você também pode encadear o método .join() para converter um array em uma string:

arr.filter(...)
   .map(...)
   .join(", ")

Experimente você mesmo

function processFruits(fruits) {
  // Escreva seu código aqui
}

Teste seus conhecimentos

Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.

Todas as lições de Lógica & Fluxo

1Strings em Profundidade

Fundamentos de Strings Iterar sobre Strings Template Literals Métodos de String Recapitulação - String Weaver

4JSON Parte 2

Iterar sobre JSON JSON Aninhado Encadeamento Opcional em JSON Cópia Rasa e Profunda Recapitulação - Loja de Bicicletas Recapitulação - Sistema Solar

7Sistema de Gerenciamento de Biblioteca

Visão Geral do Projeto Adicionando Livros

Buscar por Título

Filtrar por Gênero

Marcar como Lido

10Gerenciar Sistema de Festival

Visão Geral do Projeto Adicionar Filmes e Locais