Remover o item do array por valor em JavaScript

Ammar Ali 12 outubro 2023
  1. Remova um item de um array por valor usando a função splice() em JavaScript
  2. Remova um item de um array por valor usando a função filter() em JavaScript
Remover o item do array por valor em JavaScript

Este tutorial irá discutir como remover um item de um array por valor usando as funções splice() e filter() em JavaScript.

Remova um item de um array por valor usando a função splice() em JavaScript

Para remover um item de um array por valor, podemos usar a função splice() em JavaScript. A função splice() adiciona ou remove um item de um array usando o índice. Para remover um item de um determinado array por valor, você precisa obter o índice desse valor usando a função indexOf() e então usar a função splice() para remover o valor do array usando seu índice. Por exemplo, vamos criar um array com três valores de string e remover um valor de string usando as funções splice() e indexOf(). Veja o código abaixo.

var myArray = ['one', 'two', 'three'];
var myIndex = myArray.indexOf('two');
if (myIndex !== -1) {
  myArray.splice(myIndex, 1);
}
console.log(myArray)

Resultado:

["one", "three"]

No código acima, estamos usando uma instrução if para verificar se o valor está presente na matriz ou não. Se o valor estiver presente, seu índice não será -1; caso contrário, será -1. A função indexOf() retorna o índice do valor fornecido e, se não estiver presente na matriz, a função retornará -1. Se o valor estiver presente no array, usaremos a função splice() para remover 1 valor presente em myIndex. Também podemos remover mais de um valor do array definindo-o como um segundo argumento na função splice(). A função console.log() mostrará o novo array após o item ser removido do array no console.

Remova um item de um array por valor usando a função filter() em JavaScript

Para remover um item de um array por valor, podemos usar a função filter() em JavaScript. A função filter() é usada para filtrar valores de um determinado array aplicando uma função definida dentro da função filter() em cada valor do array. Em nosso caso, definiremos uma função dentro da função filter(), que retornará todos os valores para aceitar o valor que queremos remover do array, e o resultado será armazenado em um novo array. Por exemplo, vamos criar um array com três valores de string e, em seguida, usando a função filter(), criaremos outro array que terá todos os valores do primeiro array, exceto o valor que queremos remover. Dessa forma, nosso array original não será alterado. Veja o código abaixo.

var myArray = ['one', 'two', 'three'];
var newArray = myArray.filter(function(f) {
  return f !== 'two'
})
console.log(newArray)

Resultado:

["one", "three"]

No código acima, removemos o valor two do array e salvamos o resultado na variável newArray, que será mostrada no console.

Autor: Ammar Ali
Ammar Ali avatar Ammar Ali avatar

Hello! I am Ammar Ali, a programmer here to learn from experience, people, and docs, and create interesting and useful programming content. I mostly create content about Python, Matlab, and Microcontrollers like Arduino and PIC.

LinkedIn Facebook

Artigo relacionado - JavaScript Array