Adicionando e removendo itens: unshift e shift

Se push e pop trabalham no final do array, shift e unshift trabalham no início.

Pense em uma fila de banco:

• unshift() é como colocar alguém na frente da fila.
• shift() é como chamar a primeira pessoa da fila para atendimento.

O que faz unshift()?

unshift() adiciona um ou mais itens no começo do array.

Exemplo básico

const fila = ["Bruno", "Carla"];

fila.unshift("Ana");

console.log(fila); // ["Ana", "Bruno", "Carla"]

A pessoa "Ana" entrou na primeira posição.

Adicionando vários itens

const numeros = [3, 4];

numeros.unshift(1, 2);

console.log(numeros); // [1, 2, 3, 4]

O que faz shift()?

shift() remove o primeiro item do array.

Exemplo básico

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

const primeira = tarefas.shift();

console.log(primeira); // "estudar"
console.log(tarefas);  // ["praticar", "revisar"]

Perceba: além de remover, shift() também devolve o item removido.

shift e unshift alteram o array original

Assim como push e pop, esses métodos mudam a própria lista.

const lista = ["b", "c"];
lista.unshift("a");
lista.shift();

console.log(lista); // ["b", "c"]

E se usar shift() em array vazio?

const vazia = [];
const item = vazia.shift();

console.log(item); // undefined
console.log(vazia); // []

Não quebra o código, mas retorna undefined.

Quando usar na prática?

• gerenciar fila de atendimento;
• processar itens por ordem de chegada;
• inserir “prioridade” no início da lista;
• simular estruturas de fila (FIFO: primeiro que entra, primeiro que sai).

Diferença rápida entre os 4 métodos

• push() adiciona no final
• pop() remove do final
• unshift() adiciona no início
• shift() remove do início

Resumo da lição

unshift() e shift() são métodos para manipular o começo do array.
Com eles, você consegue controlar listas no estilo fila, adicionando no início e removendo o primeiro item com facilidade.