3 Maneiras de remover elementos de um Array Javascript

Os arrays em Javascript te permite agrupar valores e iterar sobre eles. Você pode adicionar e remover elementos do array de diferentes maneiras. Infelizmente, não há um método simples como Array.remove() que funciona para todos os casos.

Então, como você faz para eliminar um elemento de um array em Javascript?

Aqui vamos discutir três formas diferentes de resolver de vez com esse problema.

Removendo um elemento no final do array

Essa é bem fácil, Javascript já tem um método para tratar disso, o método pop().

Ele remove o último elemento do array, devolve esse elemento e atualiza a propriedade do comprimento (length).

O método pop() modifica o array sobre o qual é invocado, o que significa que, o último elemento é removido completamente e o comprimento do array é reduzido sem gerar um novo array.

let arr = ['🍉', '🍎', '🍐', '🍆', '🍋', '🍌'];

console.log(arr.pop()); // 🍌

console.log(arr); // [ '🍉', '🍎', '🍐', '🍆', '🍋' ]

Removendo um elemento no começo do array

Como remover o primeiro elemento de um array JavaScript? Fácil…

Usando o método shift(). Ele funciona de forma muito parecida com o método pop() que acabamos de ver, exceto que ele remove o primeiro elemento de um array JavaScript em vez do último.

Esse método não recebe parâmetros, pois sua única função é remover o primeiro elemento de um array. Quando o elemento é removido, os elementos restantes são deslocados. Isso significa que o index do array é atualizado, e você não perde a primeira referência (arr[0]).

Vale lembrar que esse método modifica o array sobre a qual é invocado. Além disso o método shift() retorna o elemento que foi removido e atualiza a propriedade comprimento (length).

Se não houver elementos, ou o comprimento do array for 0, o método retorna undefined.

let arr = ['🍉', '🍎', '🍐', '🍆', '🍋', '🍌'];

console.log(arr.shift()); // 🍉

console.log(arr); // ["🍎", "🍐", "🍆", "🍋", "🍌"]

Removendo elementos em qualquer posição de um array Javascript

O método splice() pode ser usado para adicionar ou remover elementos de uma matriz. Apenas o primeiro argumento é obrigatório.

• O primeiro argumento especifica o local no qual se começa a adicionar ou remover elementos.
• O segundo argumento especifica o número de elementos que serão removidos.
• Do terceiro argumento em diante todos são opcionais; eles especificam os elementos a serem adicionados à matriz.

No exemplo abaixo, vamos usar o método splice() para remover remover 1 elemento partindo da posição [2].

Fique atento que o método modifica o array original e também retorna o elemento que foi removido e atualizando o comprimento (length).

let arr = ['🍉', '🍎', '🍐', '🍆', '🍋', '🍌'];

console.log(arr.splice(2,1)); // 🍐

console.log(arr); // ["🍉", "🍎", "🍆", "🍋", "🍌"]

Eu acho mais fácil de analisar o que vou remover pensando da seguinte forma:

“A partir da posição de índice [2], remova um elemento [ “🍐” ] e mantenha o resto [“🍉”, “🍎”, “🍆”, “🍋”, “🍌”].”

Com esse três métodos você ja consegue fazer resolver muitos problemas.

Até a próxima.

0 Comments