JavaScript: remover elementos duplicados do array

Neste artigo veremos como remover elementos duplicados do array na linguagem JavaScript, da maneira mais eficiente possível

Fala programador(a), beleza? Bora aprender coisa nova!

O array pode muitas vezes vir sujo, com elementos duplicados ou até mesmo com dados que não vamos utilizar

Formação Recomendada

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

• 474 aulas
• 20 projetos
• 39h 27min

Conhecer formação

Então surge a necessidade de remover elementos duplicados, transformar o dado do array e aí sim fazer utilização do mesmo

Na linguagem JavaScript podemos fazer de maneira elegante essa remoção, utilizando recursos adicionados no ES6, veja:

let array = [1,2,3,4,4,5,6,7,8,6,5,4,3,2,1];

let newArray = [...new Set(array)];

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

Vamos agora ver em detalhes o que aconteceu nestas linhas de código

Quer se especializar em Desenvolvimento Web? Veja o nosso catálogo de cursos.

Instanciamos um objeto Set, que pode conter apenas elementos únicos nele

Combinado com o spread syntax, que permite iterar os valores do array original

Por fim criamos um array com os colchetes

E desta forma conseguimos ter apenas elementos  únicos no array, resolvendo nosso problema

Esta é a forma mais elegante e rápida para chegar neste resultado

Utilizamos de recursos avançados da linguagem, e podemos fazer com qualquer tipo de dado sem preocupações 🙂

Conclusão

Vimos neste artigo uma forma de ter um array com elementos únicos na linguagem JavaScript

Utilizamos o objeto Set em com junto do spread, para chegar neste resultado

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