Pular para o conteúdo

Programando Soluções

4 formas para remover item de array Javascript

  • por
remover item

Remover item de array é uma operação bem comum no dia a dia de trabalho, isso porque os arrays fazem parte da rotina.

Porém com o Javascript não há somente uma forma de fazer isso, e por ter amplas formas de se trabalhar com os arrays, também é importante saber algumas formas de remover elementos.

Quanto mais souber, mais ferramentas terá quando estiver trabalhando, e irá facilitar encaixar alguma forma de remover item com a sua lógica.

Para os exemplos, vou utilizar este array como base:

let nomes = ["João", "Maria", "Paulo", "José", "Pedro", "Joana"];

Remover primeiro item do array

É utilizado a função shift, que é uma função própria para remover o primeiro elemento do array com Javascript.

nomes.shift();
console.log(nomes); //["Maria", "Paulo", "José", "Pedro", "Joana"];

Remover último item do array

Assim como para remover a primeira posição, também tem uma função específica, que é a pop.

nomes.pop();
console.log(nomes); //["João", "Maria", "Paulo", "José", "Pedro"];

Outra forma de remover o último item é forçar o tamanho do array ter um item a menos.

Por exemplo, se um array tem 7 itens, e você forçar o tamanho do array ser 5, será removido os últimos dois itens.

Então para esse exemplo de remover um só:

nomes.length = nomes.length - 1;
console.log(nomes); //["João", "Maria", "Paulo", "José", "Pedro"];

Remover item específico

Utilizando o mesmo exemplo, se você quiser procurar por um nome e excluir esse do array, é possível fazer utilizando a função splice em conjunto com o indexOf.

O indexOf retorna a posição de um elemento no array quando o encontra, e o splice serve para alterar um conteúdo de um array, dependendo dos parâmetros passados para ele é possível remover uma quantidade de itens e adicionar novos.

Para este caso, iremos somente remover um e não adicionar nenhum item no array.

nomes.splice(nomes.indexOf("Paulo"), 1);
console.log(nomes); //["João", "Maria", "José", "Pedro", "Joana"];

Remover itens duplicados de um array

Este é um pouco mais avançado, porém o resultado é interessante, com isso é possível filtrar registros duplicados em um array.

let nomes = ["João", "Maria", "Paulo", "João", "José", "Pedro", "Joana", "João"];
var novoArray = nomes.filter((item, i) => nomes.indexOf(item) === i);
console.log(novoArray); //['João', 'Maria', 'Paulo', 'José', 'Pedro', 'Joana']

Conclusão

Nesse post vimos quatro formas de remover item de array no Javascript.

É importante saber algumas formas de realizar essas operações para facilitar o nosso trabalho.

Para ver outros canais onde o posto conteúdo sobre Javascript, veja os Links do Programando Soluções.

Desenvolvimento Web com HTML, CSS e JavaScript

Aprenda a testar Aplicações Javascript

Referências

http://www.dbins.com.br/dica/remover-elementos-de-um-array-com-javascript

https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/splice

https://pt.stackoverflow.com/questions/16483/remover-elementos-repetido-dentro-de-um-array-em-javascript

Este conteúdo te ajudou de alguma forma?

Marcações:
Usamos cookies para lhe proporcionar a melhor experiência possível no nosso site. Ao continuar a usar este site, você concorda com o uso de cookies.
Ok