Fjernelse af dubletter fra et JavaScript-array

Forstå Array Uniqueness i JavaScript

I JavaScript kan det være afgørende for forskellige applikationer at sikre, at et array kun indeholder unikke værdier. Selvom der er flere måder at opnå dette på, kan visse metoder mislykkes under specifikke forhold, såsom tilstedeværelsen af ​​nuller.

I denne artikel vil vi undersøge et prototypescript til fjernelse af dubletter fra et array. Vi vil identificere de problemer, det har med nulværdier og sammenligne det med en mere pålidelig løsning. Ved at forstå disse forskelle lærer du, hvordan du håndterer array-entydighed mere effektivt i JavaScript.

Sådan fjerner du dubletter i JavaScript-arrays

Det første script, vi præsenterede, bruger new Set() objekt i JavaScript for at sikre array-entydighed. EN Set er en samling af værdier, hvor hver værdi skal være unik. Ved at overføre et array til en Set, filtrerer vi automatisk duplikerede værdier fra. For at konvertere Set tilbage i et array, bruger vi spread-operatoren [...new Set(array)]. Denne metode er kortfattet og udnytter JavaScripts indbyggede funktionaliteter til at opnå det ønskede resultat effektivt.

For eksempel, hvis du har en matrix med duplikerede tal, inklusive nuller, som f.eks [1, 2, 2, 3, 4, 4, 5, 0, 0], funktionen getUniqueValues(array) returnerer et array med kun unikke værdier: [1, 2, 3, 4, 5, 0]. Denne metode er ligetil og håndterer alle typer elementer, inklusive nuller, uden problemer.

En brugerdefineret metode til at sikre unikke matrixværdier

Det andet script definerer en brugerdefineret metode på Array.prototype hedder getUnique. Denne metode bruger et objekt til at spore de unikke elementer. Inden for metoden initialiserer vi først et tomt objekt const uniqueElements = {} og et tomt array const resultArray = []. Vi itererer derefter over arrayet ved hjælp af en for sløjfe, der gemmer hvert element som en nøgle i uniqueElements formål for at sikre, at alle nøgler er unikke.

Efter at have befolket uniqueElements objekt, bruger vi en anden for...in løkke for at iterere over objektets taster og skubbe hver unikke nøgle ind i resultArray. Endelig vender metoden tilbage resultArray, som kun indeholder unikke værdier. Denne metode er særlig lærerig, da den viser, hvordan man manuelt administrerer og håndhæver unikhed uden udelukkende at stole på indbyggede funktioner, hvilket giver en dybere forståelse af håndtering af 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);

Dyk dybt ned i Array-deduplikeringsteknikker

En anden vigtig teknik til at fjerne dubletter fra et array i JavaScript er brugen af filter metode i kombination med indexOf metode. Denne metode involverer iteration over arrayet og inkluderer kun de elementer, hvis første forekomst matcher deres aktuelle position. Dette sikrer, at hvert element kun inkluderes én gang i det resulterende array, hvilket effektivt fjerner dubletter.

Overvej for eksempel et array [1, 2, 2, 3, 4, 4, 5, 0, 0]. Ved hjælp af array.filter((item, index) => array.indexOf(item) === index), kan du filtrere duplikerede værdier fra. Denne tilgang virker ved at kontrollere, om det aktuelle elements indeks er det samme som det første forekomstindeks for det element. Hvis det er det, er elementet unikt og inkluderet i det nye array.