Arrays: listas de coisas em ordem

Entenda como os arrays funcionam para guardar várias informações relacionadas em uma única 'lista'.

Imagine uma prateleira com várias caixinhas, uma ao lado da outra.
Cada caixinha guarda um valor e tem uma posição.
No JavaScript, essa prateleira é o array.

Um array é uma estrutura para guardar vários valores em sequência, mantendo a ordem.

Por que usar arrays?

Porque eles facilitam quando você precisa guardar vários dados do mesmo contexto, como:

  • lista de nomes de alunos;
  • produtos do carrinho;
  • notas de prova;
  • tarefas do dia.

Sem array, você criaria várias variáveis soltas. Com array, tudo fica agrupado.

Criando um array

const frutas = ["maçã", "banana", "uva"];

Aqui, frutas tem 3 itens.

Índice: a posição de cada item

No array, as posições começam em 0:

  • frutas[0] → "maçã"
  • frutas[1] → "banana"
  • frutas[2] → "uva"
console.log(frutas[0]); // maçã

Pegando o tamanho da lista

Use .length:

console.log(frutas.length); // 3

Alterando um item

frutas[1] = "laranja";
console.log(frutas); // ["maçã", "laranja", "uva"]

Percorrendo array com laço

const tarefas = ["estudar", "praticar", "revisar"];

for (let i = 0; i < tarefas.length; i++) {
  console.log("Tarefa:", tarefas[i]);
}

Esse padrão é muito comum: começa em 0 e vai até length - 1.

Arrays podem misturar tipos? Podem, mas…

const misturado = ["Ana", 25, true];

JavaScript permite, mas em projetos reais é boa prática manter consistência para facilitar leitura e manutenção.

Boas práticas

  • Dê nomes claros (alunos, precos, tarefas).
  • Evite “números mágicos”; prefira array.length.
  • Valide se o índice existe antes de usar.
  • Mantenha o array organizado para evitar confusão.

Resumo da lição

Arrays são listas ordenadas de valores.
Eles ajudam a organizar dados relacionados e tornam o código mais limpo e escalável.
Entender índice, tamanho e iteração é base para evoluir em JavaScript.