JavaScript: como remover um elemento de um array

Neste artigo veremos, de uma forma simples, como remover um elemento de um array com um método nativo da linguagem JavaScript.

Conteúdo disponível também em vídeo

E aí programador, beleza? Bora aprender coisa nova!

As vezes precisamos remover um elemento do array, então para este caso podemos recorrer a funções nativas do JavaScript

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

Há muitas delas para arrays! 😀

Para remover elementos, temos 3 maneiras muito utilizadas, elas são:

• pop;
• shift;
• splice;

O método pop, nos permite remover um elemento no fim do array

Vamos ver na prática:

let nums = [10,20,30,40,50];
nums.pop();
console.log(nums); // [10, 20, 30, 40]

Obs: inclusive podemos atribuir o pop a uma variável, e seu retorno será o elemento removido, podendo ser utilizado para outro fim

Já o método shift remove o primeiro elemento do array

Veja este código:

let nums = [10,20,30,40,50];
nums.shift();
console.log(nums); // [20,30,40,50]

Obs: o método shift também retorna o elemento removido!

Quer se especializar em Desenvolvimento Web? Veja o nosso catálogo de cursos.

E até agora não falamos em como remover um elemento específico no array

Para isso teremos de usar o método splice, aí removeremos o elemento pelo índice

Ou até mais de um elemento

Vejamos o splice em ação:

let pessoas = ['Matheus', 'João', 'Pedro', 'Marcos'];
pessoas.splice(2, 1);
console.log(pessoas); // ['Matheus', 'João', 'Marcos']

No método splice passamos dois argumentos, o primeiro é o índice do elemento a ser removido

Já o segundo é o número de elementos que devem ser removidos, ou seja, no exemplo como passamos 1 só removeu o ‘Pedro’ que era o índice 2, entendeu? 🙂

Conclusão

Neste artigo vimos como remover elementos de um array por três maneiras

pop: remove um elemento do fim do array;

shift: remove um elemento do início do array;

splice: remove elementos por índice;

E por hoje é isso, até o próximo post! 🙂

Confira também nosso curso de HTML e CSS gratuito no YouTube clicando aqui! Onde criamos um site do 0 até o resposivo