Atividades

Lista de Exercícios: Arrays em JavaScript

Nível 1: Os Fundamentos

Estes exercícios cobrem a criação, acesso, modificação e os métodos mais básicos de um array.

1. Minha Lista de Compras 🛒

Crie um array chamado listaDeCompras com três itens: "Leite", "Pão" e "Ovos". Em seguida, exiba o segundo item da lista no console.

2. Trocando de Filme Favorito 🎬

Crie um array com seus três filmes favoritos. Depois, troque o filme que está na posição 1 por um outro filme que você goste. Exiba o array modificado no console.

3. Aumentando a Playlist 🎵

Comece com um array chamado playlist contendo duas músicas. Use o método push() para adicionar uma música no final e o método unshift() para adicionar outra no começo. Exiba o resultado.

4. Tarefas Concluídas ✅

Crie um array de tarefas pendentes, como ["Lavar a louça", "Estudar JavaScript", "Passear com o cachorro"]. Use pop() para remover a última tarefa e shift() para remover a primeira. Exiba o array final.

5. Contando as Cores 🎨

Crie um array com cinco cores diferentes. Use a propriedade length para descobrir quantas cores existem e, em seguida, exiba cada cor no console com a mensagem: "Cor: [nome da cor]".

6. Removendo um Convidado da Festa 🎉

Você tem uma lista de convidados: ["Ana", "Bruno", "Carla", "Daniel"]. Carla não poderá ir. Use o método splice() para remover "Carla" da lista. Exiba o array atualizado.

7. Encontrando e Removendo Frutas 🍎

Crie um array de frutas. Use o método indexOf() para encontrar a posição da "Banana" e, em seguida, use essa posição com o splice() para removê-la. Se "Banana" não existir, exiba uma mensagem "Fruta não encontrada".

---

Nível 2: Métodos Avançados e Boas Práticas

Aqui, vamos focar nos métodos map, filter, reduce e em como evitar erros comuns.

8. Dobrando os Números 🔢

Dado o array let numeros = [1, 5, 10, 15, 20];, use o método map() para criar um novo array onde cada número é o dobro do original.

9. Apenas Alunos Aprovados 🎓

Você tem um array com as notas finais dos alunos: let notas = [8, 5, 9, 6.5, 7, 4, 10];. Use o método filter() para criar um novo array contendo apenas as notas dos alunos aprovados (nota >= 7).

10. Somando o Carrinho de Compras 💰

Dado um array com os preços dos produtos em um carrinho: let precos = [10.50, 5.00, 2.75, 8.00];, use o método reduce() para calcular o valor total da compra.

11. Combo de Métodos: Pares e Quadrados ✨

A partir do array let numeros = [1, 2, 3, 4, 5, 6];, crie um novo array que contenha apenas o quadrado dos números pares. (Dica: use filter() e map() em sequência).

12. Batalha Naval 🚢

Crie um array multidimensional para representar um tabuleiro 3x3 de batalha naval, como o do exemplo. Em seguida, acesse e exiba no console o valor que está na segunda linha, terceira coluna.

-	1	2	3
a	🌊	🚢	🌊
b	🌊	🌊	🚢
c	🚢	🌊	🌊

13. A Cópia Segura 🛡️

Crie um array original. Crie uma copiaMalFeita usando = original e uma copiaSegura usando o operador spread (...). Adicione um item à copiaMalFeita. Exiba o original e a copiaSegura no console para provar que eles não foram alterados.

14. Filtrando Produtos em Estoque 📦

Você tem uma lista de produtos como objetos. Crie um novo array contendo apenas os produtos que estão em estoque (emEstoque: true).

let produtos = [
  { nome: "Celular", preco: 1500, emEstoque: true },
  { nome: "Tablet", preco: 1200, emEstoque: false },
  { nome: "Notebook", preco: 3500, emEstoque: true }
];

---

Nível 3: Dominando os Arrays

Estes exercícios exploram conceitos mais profundos como sort, find, conversão de tipos e a natureza dos arrays.

15. Organizando o Placar 🏆

Dado um array de pontuações: let pontuacoes = [100, 25, 78, 150, 9];, use o método sort() com a função de comparação correta para ordená-lo do menor para o maior número.

16. Encontrando o Primeiro Vencedor 🥇

A partir de uma lista de jogadores (objetos com nome e pontos), use o método find() para encontrar o primeiro jogador que fez mais de 100 pontos.

let jogadores = [
  { nome: "Lucas", pontos: 90 },
  { nome: "Maria", pontos: 110 },
  { nome: "João", pontos: 120 }
];

17. O Tradutor de Frases ✍️

Pegue a string let frase = "Eu amo programar em JavaScript". Use split() para transformá-la em um array de palavras. Depois, use join() para juntá-la novamente, mas usando um hífen (-) como separador.

18. Achatando Listas de Tarefas 📚

Você tem uma lista de tarefas agrupadas por categoria: let tarefas = [["Estudar"], ["Ler", "Escrever"], ["Correr"]];. Use o método flat() para criar uma única lista com todas as tarefas.

19. A Foto vs. a Edição 🖼️✂️

O objetivo deste exercício é ver na prática a diferença fundamental entre um método imutável como slice() (que cria uma cópia) e um método mutável como splice() (que altera o original).

1. Comece com o array albumDeViagem.

2. Use slice() para criar uma "seleção" de fotos para postar, pegando os itens do índice 1 até o 3. Guarde em fotosParaPostar e exiba os dois arrays no console para provar que o álbum original continua intacto.

3. Agora, sobre o albumDeViagem original, use splice() para remover permanentemente 2 itens, começando a partir do índice 1. Exiba o álbum original no final para ver como ele foi modificado.

const albumDeViagem = ["praia.jpg", "cidade.png", "montanha.gif", "cachoeira.jpg", "floresta.png"];

20. Desafio Final do Ninja 🥷

Você tem uma lista de alunos com nome e nota. Crie uma única sequência de comandos (encadeamento de métodos) que faça o seguinte:

1. Filtre apenas os alunos com nota maior ou igual a 7.

2. Crie uma mensagem para cada um no formato: "Parabéns, [NOME], você foi aprovado(a)!".

3. Retorne um novo array com essas mensagens.

let alunos = [
  { nome: "Ana", nota: 9 },
  { nome: "Bruno", nota: 6 },
  { nome: "Carla", nota: 8 },
  { nome: "Daniel", nota: 5 }
];