Como remover o primeiro item do array com JavaScript

Neste artigo você vai aprender a como remover o primeiro item do array com JavaScript, vem conferir como é facil!

Fala programador(a), beleza? Bora aprender mais sobre arrays e JavaScript!

Introdução

O JavaScript é uma linguagem de programação versátil e amplamente utilizada para criar e gerenciar aplicações web interativas.

Uma das tarefas comuns ao trabalhar com JavaScript é manipular arrays, que são estruturas de dados utilizadas para armazenar coleções de elementos.

Neste artigo, mostraremos como remover o primeiro item de um array usando JavaScript, uma habilidade útil para gerenciar e manipular dados em seu código.

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 116 aulas
• 4 projetos
• 9h 23min

Conhecer formação

Método 1: Utilizando o método shift()

O método shift() é uma função nativa do JavaScript que permite remover facilmente o primeiro item de um array.

Ele também retorna o valor do item removido, o que pode ser útil se você precisar utilizá-lo em outro lugar no seu código. Veja o exemplo abaixo:

const myArray = [1, 2, 3, 4, 5];
const removedItem = myArray.shift();

console.log(removedItem); // Output: 1
console.log(myArray); // Output: [2, 3, 4, 5]

Neste exemplo, o método shift() remove o primeiro item do array myArray e retorna o valor removido, que é armazenado na variável removedItem.

O array original é atualizado para refletir a remoção do primeiro item.

Método 2: Utilizando o método splice()

Outra opção para remover o primeiro item de um array é utilizando o método splice().

Este método é mais versátil que o shift(), pois permite remover e/ou adicionar elementos em qualquer posição do array. Para remover apenas o primeiro item, siga o exemplo abaixo:

const myArray = [1, 2, 3, 4, 5];
const removedItems = myArray.splice(0, 1);

console.log(removedItems); // Output: [1]
console.log(myArray); // Output: [2, 3, 4, 5]

Neste exemplo, o método splice() recebe dois argumentos: o índice do primeiro item a ser removido (0) e a quantidade de elementos a serem removidos (1).

O método retorna um novo array contendo os itens removidos, que neste caso é armazenado na variável removedItems.

Quer aprender mais sobre React? Confira o vídeo abaixo:

Conclusão

Remover o primeiro item de um array é uma tarefa simples e comum ao trabalhar com JavaScript.

Neste artigo, apresentamos dois métodos eficazes para realizar essa ação: shift() e splice().

Ambos os métodos são nativos do JavaScript e fáceis de usar, permitindo que você escolha a opção mais adequada às suas necessidades.

Ao dominar essas técnicas básicas, você estará mais preparado para lidar com arrays e manipular dados de forma eficiente em suas aplicações web.

Está buscando em evoluir como Programador? Confira o nossos cursos clicando aqui.

Nosso principal objetivo é tornar você um dev profissional que é capaz de resolver problemas de alta dificuldade e criar projetos complexos, através de uma metodologia planejada nos mínimos detalhes, após formar muitos outros desenvolvedores.

Cursos com vários projetos, exercícios, material apoio, comunidade de alunos e muito mais!