Adicionar e remover itens em Array JavaScript

Neste post será mostrado como adicionar e remover itens em array JavaScript utilizando push e splice.

Wolmir Cezer Garbin por Wolmir Cezer Garbin - - Front-end - TUTORIAL

Última atualização em: | 25016 Visualizações

É comum em aplicações web ou hibridas trabalhar com Arrays em JavaScript e dependendo das opções você precisa adicionar ou remover itens dos arrays, para fazer isso, neste post, iremos estudar os métodos push, unshift e o splice presentes em Arrays JavaScript, para entender como essas funções funcionam.

Caso criar uma aplicação utilizando Node.js, você pode publicar sua aplicação de maneira muito simples e barata utilizando os servidores do WebLink, que hoje é uma das empresas que mais se destacam no mercado. Logo publicaremos um post mostrando passo a passo como criar uma aplicação e disponibilizar na nuvem, utilizando os servidores da WebLink.

Acesse: weblink.com.br e conheça todos os planos.

Adicionar usando JavaScript Array push() Method

O push é utilizado para adicionar itens ao final de um array em JavaScript. Para utilizar push é muito simples, veja o código:

var animals = ['lion'];
alert( animals );

animals.push('cat');
alert( animals ); // [lion, cat]

Note que foi criado o array animals contendo apenas lion na primeira posição, logo após utilizamos o push() para adicionar mais o valor cat.

É importante lembrar que neste exemplo o cat será adicionado ao final do Array, se quiser adicionar no inicio, utilize o método unshift().



Adicionar usando JavaScript Array unshift() Method

O método unshift é utilizando para adicionar itens em array JavaScript na primeira posição. Para utilizar unshift veja o código abaixo:

var animals = ['lion'];
animals.push('cat');

animals.unshift('dog');
alert( animals ); // o resultado será [dog, lion, cat]

Note que utilizando o unshift os valores serão adicionados no inicio do array.

Remover/Adicionar usando JavaScript Array splice() Method

O método splice() do javaScript serve para adicionar e remover itens de dentro de um array em javascript, veja o código:

var animals = ['lion','cat','dog'];
animals.splice(1,2);
alert( animals ); // o resultado será [lion]

Note que o splice removeu 2 itens a partir do índice 1, ou seja removeu o cat e o dog da lista.

Mas com ele você também pode fazer a adição de itens dentro do array, veja outro exemplo:

var animals = ['lion','cat','dog'];
animals.splice(1,1,'bird');
alert( animals ); // o resultado será [lion,bird,dog]

Note que ao executar o código foi removido o cat e adicionado na segunda posição o bird.

Caso não queira remover nenhum item, apenas adicionar em um local exato da lista, é possível passando 0 no segundo parâmetro, veja:

var animals = ['lion','cat','dog'];
animals.splice(1,0,'bird');
alert( animals ); // o resultado será [lion,bird,cat,dog]

Então o método splice(), quando utilizado apenas com os dois parâmetros de 'índice', removem itens a partir do primeiro parâmetro com a quantidade colocada no segundo parâmetro, caso adicionar mais itens após os índices, os mesmos serão adicionados ao array na posição indicada.

Caso ainda tenha alguma dúvida deixe nos comentários!

Não esqueca de deixar suas dúvidas nos comentários e compartilhar este post.


Publique seu post no Receitas de Código

Aguarde, estamos trabalhando para que você possa publicar sua postagem no Receitas de Código!