Fjerne duplikater fra en JavaScript-array

Forstå Array Uniqueness i JavaScript

I JavaScript kan det være avgjørende for ulike applikasjoner å sikre at en matrise bare inneholder unike verdier. Selv om det er flere måter å oppnå dette på, kan visse metoder mislykkes under spesifikke forhold, for eksempel tilstedeværelsen av nuller.

I denne artikkelen vil vi undersøke et prototypeskript for å fjerne duplikater fra en matrise. Vi vil identifisere problemene den har med nullverdier og sammenligne den med en mer pålitelig løsning. Ved å forstå disse forskjellene vil du lære hvordan du håndterer array-unikhet mer effektivt i JavaScript.

Slik fjerner du duplikater i JavaScript-matriser

Det første skriptet vi presenterte bruker new Set() objekt i JavaScript for å sikre arrayens unikhet. EN Set er en samling av verdier der hver verdi må være unik. Ved å sende en matrise inn i en Set, filtrerer vi automatisk ut dupliserte verdier. For å konvertere Set tilbake til en matrise bruker vi spredningsoperatoren [...new Set(array)]. Denne metoden er kortfattet og utnytter JavaScripts innebygde funksjoner for å oppnå ønsket resultat effektivt.

For eksempel, hvis du har en matrise med dupliserte tall, inkludert nuller, som f.eks [1, 2, 2, 3, 4, 4, 5, 0, 0], funksjonen getUniqueValues(array) vil returnere en matrise med bare unike verdier: [1, 2, 3, 4, 5, 0]. Denne metoden er enkel og håndterer alle typer elementer, inkludert nuller, uten problemer.

En tilpasset metode for å sikre unike matriseverdier

Det andre skriptet definerer en tilpasset metode på Array.prototype kalt getUnique. Denne metoden bruker et objekt for å spore de unike elementene. Innenfor metoden initialiserer vi først et tomt objekt const uniqueElements = {} og en tom matrise const resultArray = []. Vi itererer deretter over matrisen ved å bruke en for løkke, og lagrer hvert element som en nøkkel i 1. 3 formål for å sikre at alle nøkler er unike.

Etter å ha befolket 1. 3 objekt, bruker vi en annen for...in løkke for å iterere over tastene til objektet og skyve hver unike nøkkel inn i resultArray. Til slutt kommer metoden tilbake resultArray, som bare inneholder unike verdier. Denne metoden er spesielt lærerikt ettersom den viser hvordan man manuelt administrerer og håndhever unikhet uten å stole utelukkende på innebygde funksjoner, noe som gir en dypere forståelse av håndtering av datastrukturer i JavaScript.

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

Dykk dypt inn i Array-dedupliseringsteknikker

En annen viktig teknikk for å fjerne duplikater fra en matrise i JavaScript er bruken av filter metode i kombinasjon med indexOf metode. Denne metoden involverer iterasjon over matrisen og inkluderer bare elementene hvis første forekomst samsvarer med deres nåværende posisjon. Dette sikrer at hvert element bare inkluderes én gang i den resulterende matrisen, og fjerner effektivt duplikater.

Tenk for eksempel på en matrise [1, 2, 2, 3, 4, 4, 5, 0, 0]. Ved bruk av array.filter((item, index) => array.indexOf(item) === index), kan du filtrere ut dupliserte verdier. Denne tilnærmingen fungerer ved å sjekke om det gjeldende elementets indeks er den samme som den første forekomstindeksen for det elementet. Hvis det er det, er elementet unikt og inkludert i den nye matrisen.