Duplikaatide eemaldamine JavaScripti massiivist

Massiivi unikaalsuse mõistmine JavaScriptis

JavaScriptis võib erinevate rakenduste puhul olla ülioluline tagada, et massiiv sisaldab ainult kordumatuid väärtusi. Kuigi selle saavutamiseks on mitu võimalust, võivad teatud meetodid teatud tingimustel, näiteks nullide olemasolul, ebaõnnestuda.

Selles artiklis uurime prototüübi skripti duplikaatide massiivist eemaldamiseks. Tuvastame sellel esinevad probleemid nullväärtustega ja võrdleme seda usaldusväärsema lahendusega. Nende erinevuste mõistmisel saate teada, kuidas JavaScriptis massiivi unikaalsust tõhusamalt käsitleda.

Kuidas eemaldada JavaScripti massiividest duplikaadid

Esimene meie esitatud skript kasutab new Set() objekti JavaScriptis, et tagada massiivi unikaalsus. A Set on väärtuste kogum, kus iga väärtus peab olema kordumatu. Massiivi edastamisega a Set, filtreerime dubleerivad väärtused automaatselt välja. Teisendamiseks Set tagasi massiivi, kasutame leviku operaatorit [...new Set(array)]. See meetod on sisutihe ja kasutab soovitud tulemuse tõhusaks saavutamiseks JavaScripti sisseehitatud funktsioone.

Näiteks kui teil on massiiv dubleerivate numbritega, sealhulgas nullidega, näiteks [1, 2, 2, 3, 4, 4, 5, 0, 0], funktsioon getUniqueValues(array) tagastab massiivi ainult unikaalsete väärtustega: [1, 2, 3, 4, 5, 0]. See meetod on lihtne ja käsitleb ilma probleemideta igat tüüpi elemente, sealhulgas nulle.

Kohandatud meetod unikaalsete massiiviväärtuste tagamiseks

Teine skript määratleb kohandatud meetodi Array.prototype helistas getUnique. See meetod kasutab unikaalsete elementide jälgimiseks objekti. Meetodi raames initsialiseerime esmalt tühja objekti const uniqueElements = {} ja tühi massiiv const resultArray = []. Seejärel kordame massiivi kasutades a for silmus, salvestades iga elemendi võtmena uniqueElements et kõik võtmed oleksid kordumatud.

Pärast asustamist uniqueElements objekti, kasutame teist for...in tsükkel, et korrata objekti võtmeid ja lükata iga kordumatu võti sisse resultArray. Lõpuks naaseb meetod resultArray, mis sisaldab ainult unikaalseid väärtusi. See meetod on eriti õpetlik, kuna see näitab, kuidas unikaalsust käsitsi hallata ja jõustada ilma ainult sisseehitatud funktsioonidele tuginemata, pakkudes sügavamat arusaama andmestruktuuride käsitlemisest JavaScriptis.

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

Sukelduge massiivi deduplikatsioonitehnikatesse

Teine oluline meetod JavaScripti massiivist duplikaatide eemaldamiseks on filter meetod kombinatsioonis indexOf meetod. See meetod hõlmab massiivi itereerimist ja ainult nende elementide kaasamist, mille esimene esinemine vastab nende praegusele asukohale. See tagab, et iga element kaasatakse saadud massiivi ainult üks kord, eemaldades tõhusalt duplikaadid.

Näiteks kaaluge massiivi [1, 2, 2, 3, 4, 4, 5, 0, 0]. Kasutades array.filter((item, index) => array.indexOf(item) === index), saate dubleerivad väärtused välja filtreerida. See lähenemisviis toimib, kontrollides, kas praeguse elemendi indeks on sama, mis selle elemendi esmakordse esinemise indeks. Kui on, on element ainulaadne ja kaasatud uude massiivi.