Ismétlődések eltávolítása JavaScript-tömbből

A tömb egyediségének megértése a JavaScriptben

A JavaScriptben annak biztosítása, hogy egy tömb csak egyedi értékeket tartalmazzon, kulcsfontosságú lehet a különböző alkalmazások számára. Noha ezt többféleképpen lehet elérni, bizonyos módszerek bizonyos körülmények között, például nullák jelenléte esetén sikertelenek lehetnek.

Ebben a cikkben egy prototípus-szkriptet vizsgálunk meg a duplikátumok tömbből való eltávolítására. A problémákat nulla értékekkel azonosítjuk, és összehasonlítjuk egy megbízhatóbb megoldással. Ha megérti ezeket a különbségeket, megtanulhatja, hogyan kezelheti hatékonyabban a tömb egyediségét a JavaScriptben.

A másolatok eltávolítása a JavaScript tömbökből

Az általunk bemutatott első szkript a new Set() objektumot a JavaScriptben, hogy biztosítsa a tömb egyediségét. A Set olyan értékek gyűjteménye, ahol minden értéknek egyedinek kell lennie. Egy tömb átadásával a Set, automatikusan kiszűrjük az ismétlődő értékeket. Konvertálni a Set vissza egy tömbbe, a spread operátort használjuk [...new Set(array)]. Ez a módszer tömör, és kihasználja a JavaScript beépített funkcióit a kívánt eredmény hatékony elérése érdekében.

Például, ha van egy tömbje duplikált számokkal, beleértve a nullákat is, mint pl [1, 2, 2, 3, 4, 4, 5, 0, 0], a funkció getUniqueValues(array) csak egyedi értékeket tartalmazó tömböt ad vissza: [1, 2, 3, 4, 5, 0]. Ez a módszer egyszerű, és minden típusú elemet gond nélkül kezel, beleértve a nullákat is.

Egyedi módszer az egyedi tömbértékek biztosítására

A második szkript egy egyéni metódust határoz meg a Array.prototype hívott getUnique. Ez a módszer egy objektumot használ az egyedi elemek nyomon követésére. A metóduson belül először inicializálunk egy üres objektumot const uniqueElements = {} és egy üres tömb const resultArray = []. Ezután a tömbben iterálunk a segítségével for hurok, minden egyes elemet kulcsként tárol a uniqueElements objektumot, hogy minden kulcs egyedi legyen.

Miután feltöltötte a uniqueElements tárgyat használunk for...in hurok, hogy ismételje meg az objektum kulcsait, és nyomja be az egyes egyedi kulcsokat a resultArray. Végül a metódus visszatér resultArray, amely csak egyedi értékeket tartalmaz. Ez a módszer különösen tanulságos, mivel megmutatja, hogyan lehet manuálisan kezelni és érvényesíteni az egyediséget anélkül, hogy kizárólag a beépített függvényekre hagyatkozna, így mélyebben megértheti a JavaScript adatstruktúráinak kezelését.

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

Merüljön el a tömb deduplikációs technikákban

Egy másik fontos módszer a duplikációk eltávolítására a JavaScript tömbjéből a filter módszerrel kombinálva a indexOf módszer. Ez a módszer magában foglalja az iterációt a tömbön keresztül, és csak azokat az elemeket tartalmazza, amelyek első előfordulása megegyezik az aktuális pozíciójukkal. Ez biztosítja, hogy minden elem csak egyszer szerepeljen a kapott tömbben, hatékonyan eltávolítva a duplikációkat.

Vegyünk például egy tömböt [1, 2, 2, 3, 4, 4, 5, 0, 0]. Használva array.filter((item, index) => array.indexOf(item) === index), kiszűrheti az ismétlődő értékeket. Ez a megközelítés úgy működik, hogy ellenőrzi, hogy az aktuális elem indexe megegyezik-e az adott elem első előfordulási indexével. Ha igen, az elem egyedi, és szerepel az új tömbben.