Arrays

Imagine que você está escrevendo uma lista de compras ou acompanhando as maiores pontuações de um jogo.

Em vez de escrever cada item em uma variável separada, você pode agrupar valores relacionados em uma única lista. Em JavaScript, essa lista é chamada de array.

O que é um array

Um array é um contêiner especial que guarda vários valores dentro de uma única variável.

Em vez de armazenar apenas uma informação, como um número ou uma palavra, um array pode armazenar uma lista de valores relacionados em um só lugar.

Por que os arrays são úteis

Imagine que você quer armazenar suas cores favoritas.

Você poderia criar variáveis separadas como color1, color2 e color3. Isso pode funcionar para três cores, mas fica bagunçado se você precisar armazenar muitas mais.

Os arrays mantêm os dados relacionados organizados sob um único nome de variável.

Primeiro exemplo de código

Veja como criar um array simples em JavaScript.

const favoriteFoods = ["pizza", "tacos", "sushi", "burgers"];

console.log(favoriteFoods);

Análise do código

Vamos detalhar como construímos a lista acima:

• Os arrays usam colchetes [].
• Cada item dentro do array é separado por uma vírgula.
• A lista completa é armazenada em uma variável chamada favoriteFoods.
• console.log(favoriteFoods) envia o array completo para a seção de saída depois que você clica em Executar.

Lendo um item de um array

Muitas vezes, você não precisa da lista inteira de uma vez. Você pode querer ler um item específico.

Cada item de um array tem uma posição numerada chamada índice.

Os índices de array em JavaScript começam em 0. Isso significa que:

• O primeiro item está no índice 0.
• O segundo item está no índice 1.
• O terceiro item está no índice 2.

Para ler um item, escreva o nome do array seguido de colchetes com o número do índice.

const colors = ["red", "blue", "green"];

console.log(colors[0]); // Isto imprime "red"

Você pode descobrir quantos itens existem em um array com .length.

const colors = ["red", "blue", "green"];

console.log(colors.length);

Isso envia 3 para a seção de saída porque o array tem três itens.

Mini tarefa

Olhe para o bloco de código colors acima.

Mude o número do índice dentro de console.log(colors[0]) para que ele imprima "blue" na seção de saída.

Pequeno quiz

Pergunta: Se você tem um array com as maiores pontuações, qual número de índice você usaria para acessar a quarta pontuação da lista?

Resposta: Você usaria o índice 3.

Como os índices de array começam em 0, o quarto item está no índice 3.

Pequeno desafio

Crie um array que contenha três dos seus números favoritos.

Depois use console.log() para ler e imprimir apenas o segundo número do seu array.

// coloque seu código abaixo

console.log()

Resumo

• Um array é uma lista de vários valores armazenados em uma única variável.
• Os arrays usam colchetes [].
• Os itens dentro de um array são separados por vírgulas.
• Os índices de array começam em 0.
• .length informa quantos itens existem dentro de um array.