JavaScript

Como remover objeto de array em JavaScript

16 de outubro de 2021

Como remover objeto de array em JavaScript

Neste artigo você vai aprender a como remover objeto de array em JavaScript, utilizando uma função super simples da linguagem!

Remover objeto de array capa

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

Não há diferenças entre remover um objeto ou qualquer outro tipo de dado de um array

E isso é muito bom, pois podemos utilizar os mesmos métodos de remoção de itens

Então basta identificar em qual posição o elemento está, ou seja, qual o seu índice

Lembrando que os arrays começam a contar do índice 0

E utilizar o método splice, assim conseguimos remover um elemento em qualquer posição que ele esteja

Veja um exemplo prático:

const arr = [
	{obj: 1},
  {obj: 2},
  {obj: 3},
  {obj: 4}
];

arr.splice(2, 1); // remover o terceiro elemento;

console.log(arr); 

/* 

[{
  obj: 1
}, {
  obj: 2
}, {
  obj: 4
}]

*/

Temos um array de objetos na variável arr, e utilizamos o método splice nele para remover o terceiro elemento

Note que este terceiro possui o índice 2, e o segundo argumento de splice é quantos elementos precisamos remover, ou seja, apenas um

Mas como você deve ter notado, é possível remover múltiplos elementos com splice também!

E assim resolver o nosso problema de excluir um objeto de array 🙂

Conclusão

Neste artigo você aprendeu a como remover objeto de array em JavaScript

Utilizamos a função de splice, que nos permite remover um determinado elemento de um array

Nos baseamos no índice do mesmo, colocando como argumento do método splice

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!

Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias

O link acima contém um cupom de desconto para os cursos!
Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x