Existem quatro métodos de array que você deve saber que podem ser usados ​​para remover elementos de arrays de JavaScript:

• shift - remove do início de uma matriz
• pop - remove do final de uma matriz
• splice - remove de um índice específico (posição) na matriz
• filtro - remove elementos programaticamente (com base nos critérios que você define) de uma matriz

Como você remove o primeiro elemento de uma matriz JavaScript?

A shift()função remove o primeiro elemento de uma matriz JavaScript, retorna esse elemento e atualiza a propriedade length.

let arr = ['a', 'b', 'c', 'd'];
arr.shift(); // returns "a"
console.log(arr); // ["b", "c", "d"]

A shift()função não aceita parâmetros. Ele simplesmente remove o primeiro valor da matriz.

Os valores restantes na matriz são então deslocados para a frente. Em outras palavras, tudo o que estava originalmente na posição de índice 1 agora estará na posição de índice 0.

Se não houver elementos ou o comprimento da matriz for 0, a função retorna undefined.

Como remover elementos do final de uma matriz JavaScript

A pop()função remove o último elemento da matriz, retorna esse elemento e atualiza a propriedade de comprimento.

let arr = ['a', 'b', 'c', 'd'];
arr.pop(); // returns 'd'
console.log( arr ); // ['a', 'b', 'c']

Como a shift()função, pop()não aceita nenhum parâmetro. Ele simplesmente remove o último valor da matriz.

Se a matriz estiver vazia, a pop()função retornaráundefined.

Como remover elementos de array JavaScript com splice ()

A splice()função pode ser usada para adicionar ou remover elementos de uma matriz.

São necessários dois argumentos. O primeiro argumento especifica o local de onde começar a adicionar ou remover elementos. O segundo argumento especifica o número de elementos a serem removidos.

Vejamos um exemplo:

let arr = ['a', 'b', 'c', 'd'];
let splicedArr = arr.splice(1,3);
console.log(splicedArr) // ['b, 'c', 'd']
console.log(arr) // ['a']

Como remover itens de uma matriz JavaScript por valor com filter ()

Em vez de transformar uma matriz existente, ela filter()retorna uma nova matriz.

A filter()função leva um único parâmetro, uma função de retorno de chamada que é disparada cada vez que filter()itera por meio dos elementos da matriz em que está sendo usada.

Essa função de retorno de chamada pode ter três parâmetros. O primeiro parâmetro é o valor atual na matriz. O segundo parâmetro é o índice da matriz atual. O terceiro parâmetro é o array completo. O primeiro parâmetro é obrigatório, enquanto o segundo e o terceiro parâmetros são opcionais.

Como a filter()função remove valores de uma matriz com base em critérios, os critérios com os quais está sendo comparada devem retornar trueou false. À medida que cada valor no array é comparado, os valores que retornam truesão os valores que serão adicionados ao novo array que é retornado, enquanto os valores que retornam falsenão são adicionados.

Por exemplo:

let array = [1, 2, 3, 4, 5];
let filtered = array.filter(value => value > 3);
console.log(filtered) // [4, 5];
console.log(array) // [1, 2, 3, 4, 5];

Conclusão

Cobrimos quatro métodos de array úteis que todos os desenvolvedores de JavaScript devem conhecer. Ao fazer isso, você estará bem equipado para remover elementos com base em diferentes requisitos.

Espero que você tenha achado isso útil. Em caso afirmativo, deixe-nos saber sua opinião nos comentários.

Mais conteúdo em plainenglish.io