Trabalhando com Arrays

Arrays são uma das estruturas de dados fundamentais em JavaScript, essenciais para gerenciar coleções de elementos. Eles são particularmente poderosos quando combinados com métodos que permitem iterar, transformar, filtrar e reduzir seus elementos de maneira eficiente e expressiva. Dominar esses métodos pode significativamente aumentar a capacidade de manipulação de dados em seus projetos JavaScript.

Objetivos

O objetivo é capacitar você a usar e manipular arrays em JavaScript através de métodos avançados como map, filter, e reduce. Essas habilidades são vitais para realizar operações comuns de dados de maneira eficaz e idiomática em JavaScript.

Métodos de Array em JavaScript

1. map:

   • Transforma os elementos de um array aplicando uma função a cada elemento do array original.
   • Retorna um novo array contendo os resultados.
   • Exemplo de uso: converter temperaturas de Celsius para Fahrenheit.

2. forEach:

   • Executa uma função em cada elemento de um array.
   • Utilizado para aplicar uma operação em todos os elementos de um array sem criar um novo array.
   • Exemplo de uso: imprimir no console cada elemento de um array.

3. filter:

   • Cria um novo array com todos os elementos que passam em um teste especificado por uma função.
   • Útil para extrair subconjuntos de dados baseados em condições.
   • Exemplo de uso: filtrar estudantes com notas acima da média.

4. reduce:

   • Aplica uma função contra um acumulador e cada valor do array (da esquerda para a direita) para reduzi-lo a um único valor.
   • Comum para totalizar ou agregar valores.
   • Exemplo de uso: calcular a soma total das notas dos estudantes.

Atividade Prática

Para aplicar o que você aprendeu, vamos realizar algumas atividades práticas manipulando um array de estudantes. Cada estudante será representado por um objeto com propriedades para nome, nota e curso.

1. Criar um Array de Estudantes:

   • Inicialize um array contendo vários objetos estudante.

   const estudantes = [
     { nome: "Ana", nota: 8, curso: "Biologia" },
     { nome: "João", nota: 5, curso: "História" },
     { nome: "Sofia", nota: 9, curso: "Engenharia" },
     { nome: "Miguel", nota: 6, curso: "Matemática" },
   ];

2. Usar map para Listar Nomes dos Estudantes:

   • Crie um novo array contendo apenas os nomes dos estudantes.

   const nomes = estudantes.map((estudante) => estudante.nome);
   console.log(nomes); // ["Ana", "João", "Sofia", "Miguel"]

3. Usar filter para Filtrar Estudantes com Nota Acima de 7:

   • Extraia estudantes que têm nota maior que 7.

   const excelentesEstudantes = estudantes.filter(
     (estudante) => estudante.nota > 7
   );
   console.log(excelentesEstudantes); // [{ nome: "Ana", nota: 8, curso: "Biologia"}, { nome: "Sofia", nota: 9, curso: "Engenharia"}]

4. Usar reduce para Calcular a Média das Notas:

   • Calcule a média das notas de todos os estudantes.

   const totalNotas = estudantes.reduce(
     (acumulador, estudante) => acumulador + estudante.nota,
     0
   );
   const mediaNotas = totalNotas / estudantes.length;
   console.log(mediaNotas); // 7 (baseado nos dados de exemplo)

Conclusão

Com esses exercícios práticos, você ganha uma compreensão mais profunda de como manipular arrays em JavaScript usando métodos como map, filter, e reduce. Essas técnicas são essenciais para processar e analisar dados de maneira eficiente em qualquer aplicação JavaScript.