Remover o item do array por valor em JavaScript
-
Remova um item de um array por valor usando a função
splice()
em JavaScript -
Remova um item de um array por valor usando a função
filter()
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.