x

Remover elemento/item de uma array JavaScript

Nov09

A remoção de elementos de uma array JavaScript é um paradigma de programação comum com o qual os desenvolvedores costumam se deparar. Assim como acontece com muitas coisas em JavaScript, isso não é tão simples quanto provavelmente deveria ser.

Existem várias maneiras de remover um ou mais elementos de uma array, então vamos analisar cada um deles um por um.

Removendo um elemento usando splice()

A função splice() é uma maneira versátil de remover, substituir e/ou adicionar elementos em uma array. Funciona de maneira semelhante às funções splice() em outras linguagens. Basicamente, você pega uma array e remove seletivamente partes dela. Os argumentos da função splice() é o ponto do índice para iniciar e o número de elementos a serem removidos.

Para remover um elemento de um índice específico em uma array:

Removendo um intervalo de elementos usando splice()

Apenas para garantir que você não perdeu o exemplo anterior, vale a pena destacar especificamente que você pode remover vários elementos consecutivos com splice().

Para remover vários elementos consecutivos de uma array:

Removendo um elemento usando pop()

Os métodos de array push() e pop() funcionam no final de uma array. O método push() adicionará um elemento à array e o método pop() removerá um.

Para remover o último elemento de uma array:

Para remover o primeiro elemento de uma array:

Removendo um elemento usando shift()

Os métodos de array shift() e unshift() funcionam no início de uma array em vez de no final de uma array, diferente de push() e pop(). O comando shift() removerá o primeiro elemento da array e o comando unshift() adicionará um elemento ao início da array.

Pesquisando e removendo um elemento específico por valor

O comando indexOf() retorna o primeiro índice no qual um determinado elemento pode ser encontrado na array ou -1 se não estiver presente. Isso pode ser usado junto com splice() para procurar um elemento e removê-lo, mesmo se você não souber onde ele está na array.

Vamos remover o elemento “testeB“:

Removendo vários elementos específicos

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

18 − cinco =

x

Olá! tem alguma duvida sobre nossos cursos?

Duvida sobre nossos cursos?