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