Eliminar duplicados de una matriz de JavaScript

Comprender la unicidad de la matriz en JavaScript

En JavaScript, garantizar que una matriz contenga solo valores únicos puede ser crucial para diversas aplicaciones. Si bien existen varias formas de lograrlo, ciertos métodos pueden fallar en condiciones específicas, como la presencia de ceros.

En este artículo, examinaremos un script prototipo para eliminar duplicados de una matriz. Identificaremos los problemas que tiene con valores cero y los compararemos con una solución más confiable. Al comprender estas diferencias, aprenderá cómo manejar la unicidad de las matrices de manera más efectiva en JavaScript.

Cómo eliminar duplicados en matrices de JavaScript

El primer guión que presentamos utiliza el new Set() objeto en JavaScript para garantizar la unicidad de la matriz. A Set es una colección de valores donde cada valor debe ser único. Al pasar una matriz a un Set, filtramos automáticamente los valores duplicados. Para convertir el Set De nuevo en una matriz, usamos el operador de extensión. [...new Set(array)]. Este método es conciso y aprovecha las funcionalidades integradas de JavaScript para lograr el resultado deseado de manera eficiente.

Por ejemplo, si tiene una matriz con números duplicados, incluidos ceros, como [1, 2, 2, 3, 4, 4, 5, 0, 0], la función getUniqueValues(array) devolverá una matriz con solo valores únicos: [1, 2, 3, 4, 5, 0]. Este método es sencillo y maneja todo tipo de elementos, incluidos ceros, sin ningún problema.

Un método personalizado para garantizar valores de matriz únicos

El segundo script define un método personalizado en el Array.prototype llamado getUnique. Este método utiliza un objeto para rastrear los elementos únicos. Dentro del método, primero inicializamos un objeto vacío. const uniqueElements = {} y una matriz vacía const resultArray = []. Luego iteramos sobre la matriz usando un for bucle, almacenando cada elemento como una clave en el uniqueElements objeto para garantizar que todas las claves sean únicas.

Después de poblar el uniqueElements objeto, usamos otro for...in bucle para iterar sobre las claves del objeto y empujar cada clave única en el dieciséis. Finalmente, el método regresa dieciséis, que contiene sólo valores únicos. Este método es particularmente instructivo ya que muestra cómo administrar y aplicar manualmente la unicidad sin depender únicamente de funciones integradas, lo que brinda una comprensión más profunda del manejo de estructuras de datos en 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);

Profundización en las técnicas de deduplicación de matrices

Otra técnica importante para eliminar duplicados de una matriz en JavaScript es el uso de la filter método en combinación con el indexOf método. Este método implica iterar sobre la matriz e incluir solo los elementos cuya primera aparición coincide con su posición actual. Esto garantiza que cada elemento se incluya solo una vez en la matriz resultante, eliminando efectivamente los duplicados.

Por ejemplo, considere una matriz [1, 2, 2, 3, 4, 4, 5, 0, 0]. Mediante el uso array.filter((item, index) => array.indexOf(item) === index), puede filtrar valores duplicados. Este enfoque funciona verificando si el índice del elemento actual es el mismo que el índice de primera aparición de ese elemento. Si es así, el elemento es único y está incluido en la nueva matriz.