Eliminarea duplicatelor dintr-o matrice JavaScript

Înțelegerea unicității matricei în JavaScript

În JavaScript, asigurarea faptului că o matrice conține doar valori unice poate fi crucială pentru diverse aplicații. Deși există mai multe modalități de a realiza acest lucru, anumite metode pot eșua în anumite condiții, cum ar fi prezența zerourilor.

În acest articol, vom examina un script prototip pentru eliminarea duplicatelor dintr-o matrice. Vom identifica problemele pe care le are cu valori zero și o vom compara cu o soluție mai fiabilă. Înțelegând aceste diferențe, veți învăța cum să gestionați mai eficient unicitatea matricei în JavaScript.

Cum să eliminați duplicatele din matrice JavaScript

Primul script pe care l-am prezentat folosește new Set() obiect în JavaScript pentru a asigura unicitatea matricei. A Set este o colecție de valori în care fiecare valoare trebuie să fie unică. Prin trecerea unui tablou într-un Set, eliminăm automat valorile duplicate. Pentru a converti Set înapoi într-o matrice, folosim operatorul de răspândire [...new Set(array)]. Această metodă este concisă și folosește funcționalitățile încorporate JavaScript pentru a obține rezultatul dorit în mod eficient.

De exemplu, dacă aveți o matrice cu numere duplicate, inclusiv zerouri, cum ar fi [1, 2, 2, 3, 4, 4, 5, 0, 0], functia getUniqueValues(array) va returna o matrice cu numai valori unice: [1, 2, 3, 4, 5, 0]. Această metodă este simplă și gestionează toate tipurile de elemente, inclusiv zerouri, fără probleme.

O metodă personalizată pentru a asigura valori unice ale matricei

Al doilea script definește o metodă personalizată pe Array.prototype numit getUnique. Această metodă folosește un obiect pentru a urmări elementele unice. În cadrul metodei, inițializam mai întâi un obiect gol const uniqueElements = {} și o matrice goală const resultArray = []. Apoi iterăm peste matrice folosind a for buclă, stochând fiecare element ca o cheie în uniqueElements obiect pentru a vă asigura că toate cheile sunt unice.

După popularea uniqueElements obiect, folosim altul for...in buclă pentru a repeta peste tastele obiectului și împinge fiecare tastă unică în resultArray. În cele din urmă, metoda revine resultArray, care conține doar valori unice. Această metodă este deosebit de instructivă, deoarece arată cum să gestionați și să impuneți manual unicitatea fără a vă baza doar pe funcțiile încorporate, oferind o înțelegere mai profundă a gestionării structurilor de date în 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);

Aprofundare în tehnicile de deduplicare a matricei

O altă tehnică importantă pentru eliminarea duplicatelor dintr-o matrice în JavaScript este utilizarea filter metoda în combinație cu indexOf metodă. Această metodă implică iterarea peste matrice și includerea numai a elementelor a căror primă apariție se potrivește cu poziția lor curentă. Acest lucru asigură că fiecare element este inclus o singură dată în matricea rezultată, eliminând efectiv duplicatele.

De exemplu, luați în considerare o matrice [1, 2, 2, 3, 4, 4, 5, 0, 0]. Prin utilizarea array.filter((item, index) => array.indexOf(item) === index), puteți filtra valorile duplicat. Această abordare funcționează prin verificarea dacă indexul elementului curent este același cu primul indice de apariție al acelui element. Dacă este, elementul este unic și inclus în noua matrice.