Exercícios: Arrays e Objetos em JS

Exercício 1: Arrays (Manipulação de Lista)

Objetivo: Criar uma lista de tarefas (to-do list) e manipulá-la.

Passos:

1. Crie um array chamado tarefas com três tarefas iniciais (strings): “Estudar JavaScript”, “Fazer compras”, “Limpar a casa”.
2. Adicione uma nova tarefa, “Ler um livro”, ao final da lista.
3. Remova a primeira tarefa da lista (“Estudar JavaScript”).
4. Imprima a lista final no console.

Solução do Exercício 1

// 1. Criar o array
let tarefas = ["Estudar JavaScript", "Fazer compras", "Limpar a casa"];

// 2. Adicionar ao final
tarefas.push("Ler um livro");

// 3. Remover do início
tarefas.shift();

// 4. Imprimir no console
console.log(tarefas);

Resultado esperado no console:

[ 'Fazer compras', 'Limpar a casa', 'Ler um livro' ]

Exercício 2: Arrays (Busca e Soma)

Objetivo: Filtrar e somar valores de um array de números.

Passos:

1. Crie um array chamado numeros com os seguintes valores: [10, 5, 23, 18, 2, 15].
2. Crie uma variável chamada soma e inicialize-a com 0.
3. Percorra o array numeros usando um loop (for ou for...of).
4. Para cada número, verifique se ele é maior que 10. Se for, adicione-o à variável soma.
5. Ao final, imprima o valor da soma no console.

Solução do Exercício 2

// 1. Criar o array
const numeros = [10, 5, 23, 18, 2, 15];

// 2. Inicializar a soma
let soma = 0;

// 3. Percorrer o array
for (const numero of numeros) {
  // 4. Verificar e somar
  if (numero > 10) {
    soma += numero; // O mesmo que soma = soma + numero;
  }
}

// 5. Imprimir o resultado
console.log(soma);

Resultado esperado no console: 56 (pois 23 + 18 + 15 = 56)

Exercício 3: Objetos (Modelando um Item)

Objetivo: Criar um objeto para representar um produto de uma loja online.

Passos:

1. Crie um objeto chamado produto.
2. Adicione as seguintes propriedades a ele:
   • nome: “Smartphone Modelo X”
   • preco: 1999.90
   • emEstoque: true
   • coresDisponiveis: um array com “preto” e “branco”.
3. Acesse e imprima no console a frase: “O produto [nome] custa R$ [preco].”
4. Altere a propriedade emEstoque para false.

Solução do Exercício 3

// 1 e 2. Criar o objeto com propriedades
let produto = {
  nome: "Smartphone Modelo X",
  preco: 1999.90,
  emEstoque: true,
  coresDisponiveis: ["preto", "branco"]
};

// 3. Acessar e imprimir
console.log(`O produto ${produto.nome} custa R$ ${produto.preco}.`);

// 4. Alterar propriedade
produto.emEstoque = false;

console.log(produto.emEstoque);

Resultado esperado no console:

O produto Smartphone Modelo X custa R$ 1999.90.
false

Exercício 4: Objetos (Atualizando Dados)

Objetivo: Simular a atualização dos dados de um jogador em um jogo.

Passos:

1. Crie um objeto chamado jogador com as seguintes propriedades:
   • nome: “Super Herói”
   • pontos: 1500
   • vidas: 3
2. O jogador completou uma fase! Adicione 100 à sua pontuação (pontos).
3. Infelizmente, ele perdeu uma vida. Subtraia 1 da propriedade vidas.
4. Adicione uma nova propriedade chamada ultimaConquista com o valor “Venceu o Dragão de Gelo”.
5. Imprima o objeto jogador final no console para ver o resultado.

Solução do Exercício 4

// 1. Criar o objeto inicial
let jogador = {
  nome: "Super Herói",
  pontos: 1500,
  vidas: 3
};

// 2. Aumentar os pontos
jogador.pontos = jogador.pontos + 100; // ou jogador.pontos += 100;

// 3. Diminuir as vidas
jogador.vidas = jogador.vidas - 1; // ou jogador.vidas -= 1;

// 4. Adicionar nova propriedade
jogador.ultimaConquista = "Venceu o Dragão de Gelo";

// 5. Imprimir o objeto final
console.log(jogador);

Resultado esperado no console:

{
  "nome": "Super Herói",
  "pontos": 1600,
  "vidas": 2,
  "ultimaConquista": "Venceu o Dragão de Gelo"
}

Exercício 5: Lista de Usuários

Objetivo: Criar uma lista (array) de objetos, onde cada objeto representa um usuário.

Passos:

1. Crie um array vazio chamado usuarios.
2. Crie três objetos, cada um representando um usuário com as propriedades nome e idade.
3. Adicione esses três objetos ao array usuarios usando o método push().
4. Percorra o array usuarios e, para cada usuário, imprima a frase: “[nome] tem [idade] anos.”

Solução do Exercício 5

// 1. Array vazio
let usuarios = [];

// 2. Criar os objetos
const usuario1 = { nome: "Ana", idade: 25 };
const usuario2 = { nome: "Bruno", idade: 32 };
const usuario3 = { nome: "Carla", idade: 28 };

// 3. Adicionar os objetos ao array
usuarios.push(usuario1, usuario2, usuario3);

// 4. Percorrer o array de objetos
for (const usuario of usuarios) {
  console.log(`${usuario.nome} tem ${usuario.idade} anos.`);
}

Resultado esperado no console:

Ana tem 25 anos.
Bruno tem 32 anos.
Carla tem 28 anos.

Exercício 6: Catálogo de Filmes

Objetivo: Criar um objeto que representa um filme e que contém uma lista (array) de atores.

Passos:

1. Crie um objeto chamado filme.
2. Adicione as propriedades titulo (string), ano (número) e genero (string).
3. Adicione uma propriedade chamada elenco, que será um array de objetos. Cada objeto dentro do elenco deve ter as propriedades ator (string) e personagem (string). Adicione pelo menos 2 atores.
4. Imprima o nome do segundo ator do elenco.

Dados:

titulo: "O Senhor dos Anéis"
ano: 2001
genero: "Fantasia"

Elenco:

ator: "Elijah Wood"
personagem: "Frodo"

ator: "Ian McKellen"
personagem: "Gandalf"

ator: "Viggo Mortensen"
personagem: "Aragorn

Solução do Exercício 6

// 1, 2 e 3. Criar o objeto complexo
const filme = {
  titulo: "O Senhor dos Anéis",
  ano: 2001,
  genero: "Fantasia",
  elenco: [
    { ator: "Elijah Wood", personagem: "Frodo" },
    { ator: "Ian McKellen", personagem: "Gandalf" },
    { ator: "Viggo Mortensen", personagem: "Aragorn" }
  ]
};

// 4. Acessar um item dentro do array aninhado
console.log(filme.elenco[1].ator);

Resultado esperado no console:

Ian McKellen