Capítulo 05: Arrays (Vetores) 🦸♂️🛡️
Neste capítulo, vamos aprender a armazenar vários valores em uma única variável usando os Arrays, com o tema Os Vingadores (Marvel)!
📖 O que são Arrays?
Um array (ou vetor) é uma estrutura de dados que armazena uma coleção de elementos. Cada posição é acessada por um índice (que começa em 0). Em JavaScript, os arrays são dinâmicos e podem guardar diferentes tipos de dados (mas o ideal é guardar do mesmo tipo).
📖 Exemplo Guiado: Poder dos Vingadores
Vamos criar um array para armazenar o nível de poder de 4 Vingadores e calcular a média de poder da equipe.
- Crie o arquivo
poder_equipe.jsna pastasrc/:
// Criando um array com 4 posições
const poderes = [85, 90, 95, 100];
console.log(`Poder do Homem de Ferro: ${poderes[0]}`);
console.log(`Poder do Capitao America: ${poderes[1]}`);
console.log(`Poder do Thor: ${poderes[2]}`);
console.log(`Poder do Hulk: ${poderes[3]}`);
// Calculando a média
let soma = 0;
for (let i = 0; i < poderes.length; i++) {
soma += poderes[i];
}
const media = soma / poderes.length;
console.log(`\nMedia de poder da equipe: ${media.toFixed(2)}`);🕹️ Como Executar e Testar no VS Code
- Abra o terminal integrado.
- Execute:
node poder_equipe.js
Resultado Esperado:
Poder do Homem de Ferro: 85
Poder do Capitao America: 90
Poder do Thor: 95
Poder do Hulk: 100
Media de poder da equipe: 92.50📊 Ilustração Visual: Array na Memória
Veja como o array fica organizado com seus índices:
graph LR subgraph "Array: poderes" A["Índice 0: 85"] B["Índice 1: 90"] C["Índice 2: 95"] D["Índice 3: 100"] end
🛠️ Prática Obrigatória 1: Inventário de Itens
Crie um programa chamado inventario.js que tenha um array com os nomes de 5 itens do inventário (ex: “Poção”, “Flecha”, etc.). Use um laço for para exibir todos os itens do inventário com a mensagem “Item X: [Nome do Item]“.
🔑 Gabarito de Código
Prática 1: inventario.js
const inventario = ["Pocao de Vida", "Flecha de Fogo", "Escudo de Ferro", "Espada Longa", "Bota de Velocidade"];
console.log("--- Seu Inventario ---");
for (let i = 0; i < inventario.length; i++) {
console.log(`Item ${i + 1}: ${inventario[i]}`);
}📤 Instruções de Entrega (GitHub Desktop + Microsoft Teams)
(Siga o padrão estabelecido no Guia)