Odstranění duplikátů z pole JavaScript

Pochopení jedinečnosti pole v JavaScriptu

V JavaScriptu může být pro různé aplikace klíčové zajistit, aby pole obsahovalo pouze jedinečné hodnoty. I když existuje několik způsobů, jak toho dosáhnout, některé metody mohou selhat za určitých podmínek, jako je přítomnost nul.

V tomto článku prozkoumáme prototyp skriptu pro odstranění duplikátů z pole. Identifikujeme problémy, které má, s nulovými hodnotami a porovnáme je se spolehlivějším řešením. Pochopením těchto rozdílů se naučíte, jak efektivněji zacházet s jedinečností pole v JavaScriptu.

Jak odstranit duplikáty v polích JavaScript

První skript, který jsme představili, používá new Set() objekt v JavaScriptu, aby byla zajištěna jedinečnost pole. A Set je kolekce hodnot, kde každá hodnota musí být jedinečná. Předáním pole do a Set, automaticky odfiltrujeme duplicitní hodnoty. Chcete-li převést Set zpět do pole, použijeme operátor spread [...new Set(array)]. Tato metoda je stručná a využívá vestavěné funkce JavaScriptu k efektivnímu dosažení požadovaného výsledku.

Například, pokud máte pole s duplicitními čísly, včetně nul, jako je např [1, 2, 2, 3, 4, 4, 5, 0, 0], funkce getUniqueValues(array) vrátí pole pouze s jedinečnými hodnotami: [1, 2, 3, 4, 5, 0]. Tato metoda je přímočará a bez problémů si poradí se všemi typy prvků, včetně nul.

Vlastní metoda pro zajištění jedinečných hodnot pole

Druhý skript definuje vlastní metodu na Array.prototype volal getUnique. Tato metoda používá objekt ke sledování jedinečných prvků. V rámci metody nejprve inicializujeme prázdný objekt const uniqueElements = {} a prázdné pole const resultArray = []. Poté iterujeme pole pomocí a for smyčky, ukládající každý prvek jako klíč v uniqueElements objekt, aby bylo zajištěno, že všechny klíče jsou jedinečné.

Po naplnění uniqueElements objekt, použijeme jiný for...in smyčkou pro iteraci přes klíče objektu a zatlačení každé jedinečné klávesy do resultArray. Nakonec se metoda vrátí resultArray, který obsahuje pouze jedinečné hodnoty. Tato metoda je obzvláště poučná, protože ukazuje, jak ručně spravovat a vynucovat jedinečnost, aniž byste se spoléhali pouze na vestavěné funkce, což poskytuje hlubší pochopení manipulace s datovými strukturami v JavaScriptu.

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

Hluboký ponor do technik deduplikace pole

Další důležitou technikou pro odstranění duplikátů z pole v JavaScriptu je použití filter metoda v kombinaci s indexOf metoda. Tato metoda zahrnuje iteraci přes pole a zahrnutí pouze prvků, jejichž první výskyt odpovídá jejich aktuální pozici. Tím je zajištěno, že každý prvek bude ve výsledném poli zahrnut pouze jednou, čímž se účinně odstraní duplikáty.

Zvažte například pole [1, 2, 2, 3, 4, 4, 5, 0, 0]. Používáním array.filter((item, index) => array.indexOf(item) === index), můžete odfiltrovat duplicitní hodnoty. Tento přístup funguje tak, že kontroluje, zda je index aktuálního prvku stejný jako index prvního výskytu tohoto prvku. Pokud ano, je prvek jedinečný a je součástí nového pole.