Adicionar e remover itens em Array JavaScript

Postado em por Wolmir Cezer Garbin em Front-end | 984 Visualizações
Última atualização em:

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

É 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!


Tem algo para vender? AnuncieOn.com

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


Wolmir Cezer Garbin

Wolmir Cezer Garbin


Sou formado em Desenvolvimento de Sistemas para Internet pela faculdade Mater Dei e Pós graduado em Desenvolvimento de sistemas em Java pela UTFPR. Trabalho a mais de 9 anos com desenvolvimento em Java, Android e Web utilizando as principais tecnologias do mercado. Atuo como professor na faculdade Mater Dei, programador na Garbo Software e criador do Receitas de Código.

Ver mais

Tem algo para vender? AnuncieOn.com

FIQUE POR DENTRO

Receba as novidades todo mês em seu e-mail!

Apoiadores

Code Conference

Esta é uma conferência de código realizada na cidade de Pato Branco para dissiminar tendências e informações sobre programação e novas tecnológias

Veja mais sobre o Code Conference

Publique seu post no Receitas de Código

Agora você pode publicar seu post no Receitas de Código e compartilhar seu conhecimento com muitas pessoas!

Quero publicar