Ta bort dubbletter från en JavaScript-array

Förstå Array Uniqueness i JavaScript

I JavaScript kan det vara avgörande för olika applikationer att säkerställa att en array endast innehåller unika värden. Även om det finns flera sätt att uppnå detta, kan vissa metoder misslyckas under specifika förhållanden, såsom närvaron av nollor.

I den här artikeln kommer vi att undersöka ett prototypskript för att ta bort dubbletter från en array. Vi kommer att identifiera problemen den har med nollvärden och jämföra den med en mer tillförlitlig lösning. Genom att förstå dessa skillnader lär du dig hur du hanterar arrayunicitet mer effektivt i JavaScript.

Hur man tar bort dubbletter i JavaScript-matriser

Det första skriptet vi presenterade använder new Set() objekt i JavaScript för att säkerställa att arrayen är unik. A Set är en samling värden där varje värde måste vara unikt. Genom att skicka en array till en Set, filtrerar vi automatiskt bort dubbletter av värden. För att konvertera Set tillbaka till en array använder vi spridningsoperatorn [...new Set(array)]. Denna metod är kortfattad och utnyttjar JavaScripts inbyggda funktioner för att uppnå önskat resultat effektivt.

Till exempel, om du har en array med dubbletter av nummer, inklusive nollor, som t.ex [1, 2, 2, 3, 4, 4, 5, 0, 0], funktionen getUniqueValues(array) returnerar en array med endast unika värden: [1, 2, 3, 4, 5, 0]. Denna metod är enkel och hanterar alla typer av element, inklusive nollor, utan några problem.

En anpassad metod för att säkerställa unika matrisvärden

Det andra skriptet definierar en anpassad metod på Array.prototype kallad getUnique. Den här metoden använder ett objekt för att spåra de unika elementen. Inom metoden initierar vi först ett tomt objekt const uniqueElements = {} och en tom array const resultArray = []. Vi itererar sedan över arrayen med hjälp av a for loop, lagrar varje element som en nyckel i uniqueElements mål för att säkerställa att alla nycklar är unika.

Efter att ha befolkat uniqueElements objekt använder vi ett annat for...in slinga för att iterera över objektets tangenter och trycka in varje unik nyckel i resultArray. Slutligen kommer metoden tillbaka resultArray, som bara innehåller unika värden. Denna metod är särskilt lärorik eftersom den visar hur man manuellt hanterar och upprätthåller unikhet utan att bara förlita sig på inbyggda funktioner, vilket ger en djupare förståelse för hantering 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);

Fördjupa dig i Array-dedupliceringstekniker

En annan viktig teknik för att ta bort dubbletter från en array i JavaScript är användningen av filter metod i kombination med indexOf metod. Denna metod involverar iteration över arrayen och inkluderar endast de element vars första förekomst matchar deras nuvarande position. Detta säkerställer att varje element bara inkluderas en gång i den resulterande arrayen, vilket effektivt tar bort dubbletter.

Överväg till exempel en array [1, 2, 2, 3, 4, 4, 5, 0, 0]. Genom att använda array.filter((item, index) => array.indexOf(item) === index), kan du filtrera bort dubbletter av värden. Detta tillvägagångssätt fungerar genom att kontrollera om det aktuella elementets index är detsamma som det första förekomstindexet för det elementet. Om så är fallet är elementet unikt och ingår i den nya arrayen.