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.

  1. Crie o arquivo poder_equipe.js na pasta src/:
// 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

  1. Abra o terminal integrado.
  2. 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)


Capitulo Anterior | Proximo Capitulo