Acessando elementos em arrays: pegando itens da lista

Aprenda a recuperar valores específicos de um array usando seus índices.

Pense no array como uma gaveta com divisórias numeradas.
Cada item fica em uma posição, e você pega o item dizendo o número da divisória.

Em JavaScript, esse “número da divisória” é o índice.

Regra mais importante

Os índices de um array começam em 0 (não em 1).

Exemplo:

const frutas = ["maçã", "banana", "uva"];
  • frutas[0] → "maçã"
  • frutas[1] → "banana"
  • frutas[2] → "uva"

Como acessar um item

Use o nome do array + colchetes com o índice:

console.log(frutas[1]); // banana

Acessando primeiro e último item

Primeiro item:

const primeiro = frutas[0];
console.log(primeiro); // maçã

Último item (forma flexível, sem “chutar” índice):

const ultimo = frutas[frutas.length - 1];
console.log(ultimo); // uva

Essa forma funciona mesmo se o array crescer ou diminuir.

E se eu pedir um índice que não existe?

Quando você tenta acessar uma posição fora do array, o resultado costuma ser undefined.

console.log(frutas[10]); // undefined

Isso não significa que o programa quebrou, mas mostra que aquele item não existe.

Salvando o item acessado em variável

const alunos = ["Ana", "Bruno", "Carla"];
const segundoAluno = alunos[1];

console.log(segundoAluno); // Bruno

Acesso em arrays numéricos

const notas = [7.5, 8.0, 9.2];
console.log(notas[2]); // 9.2

Funciona igual para texto, números e outros tipos.

Boas práticas ao acessar elementos

  • Lembre sempre: começa em 0.
  • Use array.length para cálculos de posição.
  • Evite índices fixos quando quiser algo dinâmico (como o último item).
  • Valide se o item existe antes de usar em operações importantes.

Resumo da lição

Acessar elementos em arrays é usar o índice dentro de colchetes.
Com isso, você consegue pegar itens específicos da lista com precisão.
Dominar esse passo é essencial para percorrer, editar e processar dados com segurança.