JavaScript

JavaScript: como remover um elemento de um array

28 de janeiro de 2020

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.

remover elemento do array capa

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

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 😀

Subscribe
Notify of
guest
5 Comentários
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
SERGIO

Eae!

Se o array estiver com strings e números, como faço para remover apenas as strings e ficar com os números?

Valeu!

Battisti

Opa Sergio, faz uma validação com typeof e verifica se o dado é string com if, aí remove ele…

Matheus Ferreira de Figueiredo

Fala ai galera e se tiver uma palavra especifica que eu quero que seja removida do array.

Raimundo Neto

Olá um pequeno ajuste no artigo que precisa ser feito que percebi, na conclusão vc botou slice, e no exemplo botou splice.

Battisti

boa Raimundo, já arrumei =)

5
0
Would love your thoughts, please comment.x