Adicionar e remover itens em Array JavaScript

Postado em por Wolmir Cezer Garbin em Front-end | 108 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 vamos estudar os métodos push, unshift e o splice presentes em Arrays JavaScript para entender como essas funções funcionam.

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!

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

Posts relacionados


Markdown é uma ferramenta de conversão de texto para HTML. Com ele é possível você marcar títulos, listas, tabelas de forma limpa, legível e precisa.

Ler mais

Em aplicações web, principalmente quando criadas em single pages, é necessário armazenar informações no próprio browser, o localStorage nos permite fazer isso.

Ler mais

Markdown é uma ferramenta de conversão de texto para HTML. Com markdown é possível marcar títulos, listas, tabelas, taragrafos, códigos e muito mais de forma limpa e legível.

Ler mais

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