Remover valores duplicados em array – JavaScript

Neste artigo você vai aprender a como remover valores duplicados em array, utilizando a linguagem JavaScript!

Fala programador(a), beleza? Bora aprender mais sobre arrays e também nos aprofundar mais na linguagem JavaScript!

Para resolver o problema de elementos duplicados em um array, podemos utilizar o construtor Set

Em conjunto do spread operator, que podemos utilizar com a sintaxe de …

E envolver o resultado destes dois recursos em colchetes

Isso vai fazer com que um novo array seja gerado sem elementos duplicados nele!

Vamos ver na prática a solução:

var arr = [1, 2, 2, 3, 4, 5, 5, 6, 6, 7, 7, 7];

var arrSemDuplicados = [...new Set(arr)];

console.log(arrSemDuplicados); // [1, 2, 3, 4, 5, 6, 7]

Primeiramente criamos a variável arr com diversos itens duplicados, depois criamos uma nova variável baseada em arr

Porém aplicamos o Set junto do spread operator, e o retorno é um array sem duplicidade, como é possível ver no console.log

Isso acontece pois o Set tem como objetivo criar um conjunto apenas de valores únicos

Enquanto o spread vai passar todos os itens para esta classe, e assim geramos o novo array

Simples não é? 😀

Conclusão

Neste artigo você aprendeu a como remover valores duplicados em array, utilizando a linguagem JavaScript

Para criar um array sem duplicidade, utilizamos a classe Set em conjunto do spread operator

Set tem como premissa criar um conjunto de valores únicos, enquanto o spread passa item por item do nosso array original com duplicado

Por fim é criado um novo array apenas com itens únicos, ou seja, sem elementos repetidos!

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube