Odstránenie duplikátov z poľa JavaScript

Pochopenie jedinečnosti poľa v JavaScripte

V JavaScripte môže byť pre rôzne aplikácie kľúčové zabezpečiť, aby pole obsahovalo iba jedinečné hodnoty. Aj keď existuje viacero spôsobov, ako to dosiahnuť, niektoré metódy môžu zlyhať za špecifických podmienok, ako je napríklad prítomnosť núl.

V tomto článku preskúmame prototyp skriptu na odstránenie duplikátov z poľa. Identifikujeme problémy, ktoré má, s nulovými hodnotami a porovnáme ich so spoľahlivejším riešením. Pochopením týchto rozdielov sa naučíte, ako efektívnejšie zvládnuť jedinečnosť poľa v JavaScripte.

Ako odstrániť duplikáty v poliach JavaScript

Prvý skript, ktorý sme predstavili, používa new Set() objekt v JavaScripte, aby sa zabezpečila jedinečnosť poľa. A Set je zbierka hodnôt, kde každá hodnota musí byť jedinečná. Prechodom poľa do a Set, automaticky odfiltrujeme duplicitné hodnoty. Ak chcete previesť Set späť do poľa, použijeme operátor spread [...new Set(array)]. Táto metóda je stručná a využíva vstavané funkcie JavaScriptu na efektívne dosiahnutie požadovaného výsledku.

Napríklad, ak máte pole s duplicitnými číslami vrátane núl, ako napr [1, 2, 2, 3, 4, 4, 5, 0, 0], funkcia getUniqueValues(array) vráti pole iba s jedinečnými hodnotami: [1, 2, 3, 4, 5, 0]. Táto metóda je jednoduchá a bez problémov zvláda všetky typy prvkov vrátane núl.

Vlastná metóda na zabezpečenie jedinečných hodnôt poľa

Druhý skript definuje vlastnú metódu na Array.prototype volal getUnique. Táto metóda používa objekt na sledovanie jedinečných prvkov. V rámci metódy najskôr inicializujeme prázdny objekt const uniqueElements = {} a prázdne pole const resultArray = []. Potom iterujeme cez pole pomocou a for slučke, ktorá ukladá každý prvok ako kľúč v uniqueElements objekt, aby sa zabezpečilo, že všetky kľúče sú jedinečné.

Po naplnení uniqueElements objekt, použijeme iný for...in slučky na iteráciu cez kľúče objektu a zatlačenie každého jedinečného kľúča do resultArray. Nakoniec sa metóda vráti resultArray, ktorý obsahuje iba jedinečné hodnoty. Táto metóda je obzvlášť poučná, pretože ukazuje, ako manuálne spravovať a presadzovať jedinečnosť bez spoliehania sa výlučne na vstavané funkcie, čím poskytuje hlbšie pochopenie spracovania dátových štruktúr v JavaScripte.

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);

Hlboký ponor do techník deduplikácie poľa

Ďalšou dôležitou technikou na odstránenie duplikátov z poľa v JavaScripte je použitie filter metóda v kombinácii s indexOf metóda. Táto metóda zahŕňa iteráciu cez pole a zahrnutie iba prvkov, ktorých prvý výskyt sa zhoduje s ich aktuálnou pozíciou. Tým sa zabezpečí, že každý prvok bude vo výslednom poli zahrnutý iba raz, čím sa účinne odstránia duplikáty.

Zvážte napríklad pole [1, 2, 2, 3, 4, 4, 5, 0, 0]. Používaním array.filter((item, index) => array.indexOf(item) === index), môžete odfiltrovať duplicitné hodnoty. Tento prístup funguje tak, že kontroluje, či je index aktuálneho prvku rovnaký ako index prvého výskytu tohto prvku. Ak je, prvok je jedinečný a zahrnutý v novom poli.