Removendo duplicatas de um array JavaScript

Compreendendo a exclusividade do array em JavaScript

Em JavaScript, garantir que um array contenha apenas valores únicos pode ser crucial para vários aplicativos. Embora existam várias maneiras de conseguir isso, certos métodos podem falhar sob condições específicas, como a presença de zeros.

Neste artigo, examinaremos um protótipo de script para remover duplicatas de um array. Identificaremos os problemas que ele apresenta com valores zero e compararemos com uma solução mais confiável. Ao compreender essas diferenças, você aprenderá como lidar com a exclusividade do array de maneira mais eficaz em JavaScript.

Como remover duplicatas em arrays JavaScript

O primeiro script que apresentamos usa o new Set() objeto em JavaScript para garantir a exclusividade do array. A Set é uma coleção de valores onde cada valor deve ser único. Ao passar um array para um Set, filtramos automaticamente os valores duplicados. Para converter o Set de volta em um array, usamos o operador spread [...new Set(array)]. Este método é conciso e aproveita as funcionalidades integradas do JavaScript para alcançar o resultado desejado de forma eficiente.

Por exemplo, se você tiver uma matriz com números duplicados, incluindo zeros, como [1, 2, 2, 3, 4, 4, 5, 0, 0], a função getUniqueValues(array) retornará um array com apenas valores únicos: [1, 2, 3, 4, 5, 0]. Este método é simples e lida com todos os tipos de elementos, incluindo zeros, sem problemas.

Um método personalizado para garantir valores de array exclusivos

O segundo script define um método personalizado no Array.prototype chamado getUnique. Este método usa um objeto para rastrear os elementos exclusivos. Dentro do método, primeiro inicializamos um objeto vazio const uniqueElements = {} e uma matriz vazia const resultArray = []. Em seguida, iteramos sobre o array usando um for loop, armazenando cada elemento como uma chave no uniqueElements objeto para garantir que todas as chaves sejam exclusivas.

Depois de povoar o uniqueElements objeto, usamos outro for...in loop para iterar sobre as chaves do objeto e enviar cada chave exclusiva para o resultArray. Finalmente, o método retorna resultArray, que contém apenas valores exclusivos. Este método é particularmente instrutivo, pois mostra como gerenciar e impor manualmente a exclusividade sem depender apenas de funções integradas, proporcionando uma compreensão mais profunda do tratamento de estruturas de dados em JavaScript.

function getUniqueValues(array) {
  return [...new Set(array)];
}

// Example usage:
const numbers = [1, 2, 2, 3, 4, 4, 5, 0, 0];
const uniqueNumbers = getUniqueValues(numbers);
console.log(uniqueNumbers);

Array.prototype.getUnique = function() {
  const uniqueElements = {};
  const resultArray = [];
  for (let i = 0; i < this.length; i++) {
    uniqueElements[this[i]] = this[i];
  }
  for (let key in uniqueElements) {
    resultArray.push(uniqueElements[key]);
  }
  return resultArray;
};

// Example usage:
const numbers = [1, 2, 2, 3, 4, 4, 5, 0, 0];
const uniqueNumbers = numbers.getUnique();
console.log(uniqueNumbers);

Aprofunde-se nas técnicas de desduplicação de array

Outra técnica importante para remover duplicatas de um array em JavaScript é o uso do método filter método em combinação com o indexOf método. Este método envolve iterar no array e incluir apenas os elementos cuja primeira ocorrência corresponde à sua posição atual. Isso garante que cada elemento seja incluído apenas uma vez na matriz resultante, removendo efetivamente as duplicatas.

Por exemplo, considere uma matriz [1, 2, 2, 3, 4, 4, 5, 0, 0]. Usando array.filter((item, index) => array.indexOf(item) === index), você pode filtrar valores duplicados. Esta abordagem funciona verificando se o índice do elemento atual é igual ao índice da primeira ocorrência desse elemento. Se for, o elemento é único e incluído na nova matriz.