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.
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).
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.
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).
Comece com o array
albumDeViagem.Use
slice()para criar uma "seleção" de fotos para postar, pegando os itens do índice 1 até o 3. Guarde emfotosParaPostare exiba os dois arrays no console para provar que o álbum original continua intacto.Agora, sobre o
albumDeViagemoriginal, usesplice()para remover permanentemente 2 itens, começando a partir do índice 1. Exiba o álbum original no final para ver como ele foi modificado.
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:
Filtre apenas os alunos com nota maior ou igual a 7.
Crie uma mensagem para cada um no formato:
"Parabéns, [NOME], você foi aprovado(a)!".Retorne um novo array com essas mensagens.
Atualizado