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.