Eliminació de duplicats d'una matriu JavaScript

Entendre la singularitat de la matriu en JavaScript

A JavaScript, assegurar-se que una matriu només conté valors únics pot ser crucial per a diverses aplicacions. Tot i que hi ha diverses maneres d'aconseguir-ho, alguns mètodes poden fallar en condicions específiques, com ara la presència de zeros.

En aquest article, examinarem un script prototip per eliminar duplicats d'una matriu. Identificarem els problemes que té amb valors zero i ho compararem amb una solució més fiable. En entendre aquestes diferències, aprendràs a gestionar la singularitat de la matriu de manera més eficaç a JavaScript.

Com eliminar els duplicats a les matrius de JavaScript

El primer script que vam presentar utilitza el new Set() objecte en JavaScript per garantir la singularitat de la matriu. A Set és una col·lecció de valors on cada valor ha de ser únic. En passar una matriu a a Set, filtrem automàticament els valors duplicats. Per convertir el Set de nou a una matriu, utilitzem l'operador spread [...new Set(array)]. Aquest mètode és concís i aprofita les funcionalitats integrades de JavaScript per aconseguir el resultat desitjat de manera eficient.

Per exemple, si teniu una matriu amb nombres duplicats, inclosos zeros, com ara [1, 2, 2, 3, 4, 4, 5, 0, 0], la funció getUniqueValues(array) retornarà una matriu només amb valors únics: [1, 2, 3, 4, 5, 0]. Aquest mètode és senzill i gestiona tot tipus d'elements, inclosos els zeros, sense cap problema.

Un mètode personalitzat per garantir valors de matriu únics

El segon script defineix un mètode personalitzat al fitxer Array.prototype va trucar getUnique. Aquest mètode utilitza un objecte per fer un seguiment dels elements únics. Dins del mètode, primer inicialitzem un objecte buit const uniqueElements = {} i una matriu buida const resultArray = []. A continuació, iterem sobre la matriu utilitzant a for bucle, emmagatzemant cada element com a clau al fitxer uniqueElements objecte per assegurar-se que totes les claus són úniques.

Després de poblar el uniqueElements objecte, fem servir un altre for...in bucle per iterar sobre les claus de l'objecte i empènyer cada tecla única a l' resultArray. Finalment, torna el mètode resultArray, que només conté valors únics. Aquest mètode és particularment instructiu, ja que mostra com gestionar i aplicar manualment la singularitat sense dependre únicament de les funcions integrades, donant una comprensió més profunda del maneig de les estructures de dades 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);

Aprofundiment en les tècniques de deduplicació de matrius

Una altra tècnica important per eliminar duplicats d'una matriu en JavaScript és l'ús de la filter mètode en combinació amb el indexOf mètode. Aquest mètode implica iterar sobre la matriu i incloure només els elements la primera ocurrència dels quals coincideix amb la seva posició actual. Això garanteix que cada element només s'inclogui una vegada a la matriu resultant, eliminant efectivament els duplicats.

Per exemple, considereu una matriu [1, 2, 2, 3, 4, 4, 5, 0, 0]. Mitjançant l'ús de array.filter((item, index) => array.indexOf(item) === index), podeu filtrar els valors duplicats. Aquest enfocament funciona comprovant si l'índex de l'element actual és el mateix que el primer índex d'ocurrència d'aquest element. Si és així, l'element és únic i s'inclou a la nova matriu.