Trabalhando com arrays

Agora que você sabe como armazenar uma lista de dados dentro de um array, é hora de aprender a trabalhar com essa lista.

Nesta lição, você vai praticar como ler itens específicos, adicionar novos itens e remover itens de que não precisa mais.

Revisão rápida: lendo por índice

Os itens em um array são numerados começando do 0. Esse número é chamado de índice do item.

Você pode ler um item específico colocando o número do índice dele dentro de colchetes.

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

console.log(favoriteFoods[0]);
console.log(favoriteFoods[1]);

Neste exemplo, favoriteFoods[0] lê o primeiro item, e favoriteFoods[1] lê o segundo item.

Adicionando um item com push()

Você pode usar push() para adicionar um novo item ao fim de um array.

push() modifica o array original, atualizando o conteúdo dele.

const inventory = ["sword", "shield", "health potion"];

inventory.push("magic ring");

console.log(inventory);

Removendo o último item com pop()

O método pop() remove o último item de um array.

Ele também retorna o item que foi removido.

Assim como push(), pop() modifica o array original.

const todoList = ["buy groceries", "wash dishes", "pay bills"];

todoList.pop();

console.log(todoList);

Agora vamos olhar para o começo de um array.

Adicionando um item com unshift()

Você pode usar unshift() para adicionar um novo item ao começo de um array.

const queue = ["second", "third"];

queue.unshift("first");

console.log(queue);

Removendo o primeiro item com shift()

Você pode usar shift() para remover o primeiro item de um array.

Ele também retorna o item que foi removido.

const tasks = ["wake up", "eat breakfast", "study JavaScript"];

tasks.shift();

console.log(tasks);

Análise do código

Aqui está o padrão básico:

• array[index] lê um item por posição.
• push() adiciona um item ao fim.
• pop() remove o último item.
• unshift() adiciona um item ao começo.
• shift() remove o primeiro item.
• Todos os quatro métodos modificam o array original.

Quando você clicar em Executar, verá os arrays atualizados na seção de saída.

Mini tarefa

Olhe para o bloco de código tasks acima.

Antes de clicar em Executar, o que você acha que vai acontecer se você adicionar mais uma linha tasks.shift(); abaixo da que já existe?

Tente isso no editor de código acima e confira o seu palpite.

Pequeno quiz

Pergunta 1: Qual método adiciona um item ao fim de um array?

• A) pop()
• B) push()

Pergunta 2: Qual método remove o primeiro item de um array?

• A) shift()
• B) unshift()

Pergunta 3: Se você tem um array chamado shoppingList, como você acessa o primeiro item?

• A) shoppingList[1]
• B) shoppingList[0]

Respostas: 1. B, 2. A, 3. B

Pequeno desafio

Agora é a sua vez de praticar.

1. Crie um array chamado backpack contendo "water" e "map".
2. Use push() para adicionar "flashlight" ao fim.
3. Use unshift() para adicionar "snack" ao começo.
4. Use pop() para remover o último item.
5. Use shift() para remover o primeiro item.
6. Use console.log() para imprimir o seu array backpack.

// coloque seu código abaixo

console.log()

Resumo

• Leia itens por posição usando colchetes, como items[0].
• push() adiciona um item ao fim de um array.
• pop() remove o último item de um array.
• unshift() adiciona um item ao começo de um array.
• shift() remove o primeiro item de um array.
• push(), pop(), unshift() e shift() modificam o array original.