Kaksoiskappaleiden poistaminen JavaScript-taulukosta

Array ainutlaatuisuuden ymmärtäminen JavaScriptissä

JavaScriptissä sen varmistaminen, että taulukko sisältää vain yksilöllisiä arvoja, voi olla ratkaisevan tärkeää eri sovelluksissa. Vaikka tämän saavuttamiseksi on useita tapoja, tietyt menetelmät voivat epäonnistua tietyissä olosuhteissa, kuten nollien esiintyessä.

Tässä artikkelissa tutkimme prototyyppikomentosarjaa kaksoiskappaleiden poistamiseksi taulukosta. Tunnistamme sen ongelmat nolla-arvoilla ja vertaamme sitä luotettavampaan ratkaisuun. Kun ymmärrät nämä erot, opit käsittelemään taulukon ainutlaatuisuutta tehokkaammin JavaScriptissä.

Kuinka poistaa kaksoiskappaleet JavaScript-taulukoista

Ensimmäinen esittämämme skripti käyttää new Set() -objekti JavaScriptissä taulukon ainutlaatuisuuden varmistamiseksi. A Set on kokoelma arvoja, joissa jokaisen arvon on oltava ainutlaatuinen. Ohjaamalla taulukko a Set, suodatamme automaattisesti pois päällekkäiset arvot. Muuntaaksesi Set takaisin taulukkoon, käytämme spread-operaattoria [...new Set(array)]. Tämä menetelmä on ytimekäs ja hyödyntää JavaScriptin sisäänrakennettuja toimintoja halutun tuloksen saavuttamiseksi tehokkaasti.

Jos sinulla on esimerkiksi taulukko, jossa on päällekkäisiä numeroita, mukaan lukien nollia, kuten [1, 2, 2, 3, 4, 4, 5, 0, 0], toiminto getUniqueValues(array) palauttaa taulukon, jossa on vain ainutlaatuisia arvoja: [1, 2, 3, 4, 5, 0]. Tämä menetelmä on yksinkertainen ja käsittelee kaikentyyppisiä elementtejä, myös nollia, ilman ongelmia.

Mukautettu menetelmä ainutlaatuisten taulukkoarvojen varmistamiseksi

Toinen komentosarja määrittää mukautetun menetelmän Array.prototype nimeltään getUnique. Tämä menetelmä käyttää objektia yksilöllisten elementtien seuraamiseen. Menetelmässä alustamme ensin tyhjän objektin const uniqueElements = {} ja tyhjä joukko const resultArray = []. Iteroimme sitten taulukon yli käyttämällä a for silmukka, joka tallentaa jokaisen elementin avaimeksi uniqueElements varmistaaksesi, että kaikki avaimet ovat yksilöllisiä.

Kun olet täyttänyt uniqueElements käytämme toista for...in silmukka iteroidaksesi objektin näppäimiä ja työnnä jokainen yksilöllinen avain sisään resultArray. Lopulta menetelmä palaa resultArray, joka sisältää vain yksilöllisiä arvoja. Tämä menetelmä on erityisen opettavainen, koska se osoittaa, kuinka yksilöllisyyttä voidaan hallita ja pakottaa manuaalisesti turvautumatta pelkästään sisäänrakennettuun toimintoon, mikä antaa syvemmän ymmärryksen JavaScriptin tietorakenteiden käsittelystä.

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

Sukella syvälle Array Deduplication Techniques

Toinen tärkeä tekniikka kaksoiskappaleiden poistamiseksi JavaScript-taulukosta on filter menetelmä yhdessä indexOf menetelmä. Tämä menetelmä sisältää iteroinnin taulukon yli ja vain ne elementit, joiden ensimmäinen esiintyminen vastaa niiden nykyistä sijaintia. Tämä varmistaa, että jokainen elementti sisällytetään tuloksena olevaan taulukkoon vain kerran, mikä poistaa tehokkaasti kaksoiskappaleet.

Harkitse esimerkiksi taulukkoa [1, 2, 2, 3, 4, 4, 5, 0, 0]. Käyttämällä array.filter((item, index) => array.indexOf(item) === index), voit suodattaa päällekkäiset arvot pois. Tämä lähestymistapa toimii tarkistamalla, onko nykyisen elementin indeksi sama kuin kyseisen elementin ensimmäinen esiintymisindeksi. Jos on, elementti on ainutlaatuinen ja sisältyy uuteen taulukkoon.