JavaScript Remove Duplicates from Array: Removendo elementos duplicados de um array em JavaScript
Removendo elementos duplicados de um array em JavaScript utilizando o método `Set` e o método `filter`.
Publicado em 1 de agosto de 2023
Glossário
Como remover elementos duplicados de um array em JavaScript
Introdução
Remover elementos duplicados de um array em JavaScript é uma tarefa comum ao lidar com manipulação de dados. Felizmente, existem várias maneiras eficientes de realizar essa tarefa usando JavaScript. Neste artigo, exploraremos algumas abordagens para remover duplicatas de um array em JavaScript.
Usando o método Set
Uma das maneiras mais simples de remover elementos duplicados de um array é usando o método Set. O Set é uma estrutura de dados em JavaScript que permite armazenar valores únicos. Podemos criar um novo Set com os elementos do array e, em seguida, converter o Set de volta para um array usando o operador spread. Veja o exemplo abaixo:
const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = [...new Set(array)];
console.log(uniqueArray); // Output: [1, 2, 3, 4, 5]Usando o método filter
Outra abordagem popular é usar o método filter. Com o filter, podemos criar uma nova array com base em uma condição. Para remover elementos duplicados, podemos verificar se o índice do elemento é igual ao índice da primeira ocorrência desse elemento no array. Aqui está um exemplo:
const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = array.filter((element, index) => {
return array.indexOf(element) === index;
});
console.log(uniqueArray); // Output: [1, 2, 3, 4, 5]Outras abordagens
Além do uso do Set e do método filter, existem outras maneiras eficientes de remover duplicatas de um array em JavaScript. A seguir, mencionaremos mais algumas abordagens populares.
Usando o método reduce
O método reduce é usado para reduzir os elementos de um array a um único valor. Podemos usá-lo para construir um novo array apenas com os elementos únicos. Aqui está um exemplo:
const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = array.reduce((accumulator, current) => {
if (!accumulator.includes(current)) {
accumulator.push(current);
}
return accumulator;
}, []);
console.log(uniqueArray); // Output: [1, 2, 3, 4, 5]Utilizando o operador de espalhamento com o método indexOf
Podemos usar o operador de espalhamento juntamente com o método indexOf para criar uma nova array com elementos únicos. Veja o exemplo abaixo:
const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = array.filter((element, index) => {
return array.indexOf(element) === index;
});
console.log(uniqueArray); // Output: [1, 2, 3, 4, 5]Essas abordagens são apenas algumas das possibilidades ao remover duplicatas de um array em JavaScript. A melhor opção dependerá do contexto e dos requisitos específicos do seu projeto. Você pode escolher a abordagem que melhor se adequa às suas necessidades e otimizar o desempenho do seu código.
Conclusão
Ao trabalhar com arrays em JavaScript, remover elementos duplicados é uma tarefa importante. Existem várias abordagens eficientes para realizar essa tarefa, incluindo o uso do método Set, do método filter e do método reduce. É essencial entender as diferentes opções e escolher aquela que melhor se adequa ao seu contexto e aos requisitos específicos do seu projeto.
Aprenda uma nova língua na maior escola de idioma do mundo!
Conquiste a fluência no idioma que sempre sonhou com uma solução de ensino completa.
+ 400 mil alunos
Método validado
Aulas
Ao vivo e gravadas
+ 1000 horas
Duração dos cursos
Certificados
Reconhecido pelo mercado
Artigos Relacionados
Confira abaixo mais conteúdos sobre o tema
Curso Técnico Desenvolvedor de Sistemas: Aprenda a criar soluções tecnológicas
Um curso técnico desenvolvedor de sistemas é uma formação...
Curso Desenvolvedor Web em Curitiba: Aprenda a Programar e Construa sua Carreira
Curso Desenvolvedor Web Curitiba: Aprenda a programar, construa uma...
Curso Técnico de Desenvolvedor de Software: Aprenda as habilidades necessárias para se tornar um profissional de sucesso na área de desenvolvimento de software.
Resumo: Descubra os benefícios de fazer um curso técnico...
