Noile metode pentru Set în JavaScript-Intersecții, diferențe și uniuni mai simple

Publicat pe: 04 Jul 2025 | 314 vizualizări | ~2 min. lectură

În JavaScript, lucrul cu mulțimi (Set) a fost mereu puțin greoi. Dar în ES2025, lucrurile se schimbă: acum avem metode native precum .union(), .intersection(), .difference() și .symmetricDifference(). Acestea fac codul mai clar, mai expresiv și mai ușor de întreținut.

Ce sunt aceste metode?

setA.union(setB) → combină toate elementele din ambele seturi
setA.intersection(setB) → păstrează doar elementele comune
setA.difference(setB) → păstrează doar ce e în setA, dar nu în setB
setA.symmetricDifference(setB) → păstrează elementele care sunt în exact unul dintre seturi

Exemplu live: Operații pe Set-uri

Live example: Set Operations

<div>
    <p><strong>Set A:</strong> [1, 2, 3, 4]</p>
    <p><strong>Set B:</strong> [3, 4, 5, 6]</p>
    <div id="results"></div>
  </div>
  <button onclick="showSetResults()">Run Example</button>

#results {
    margin-top: 1rem;
    font-family: monospace;
    background: #f9f9f9;
    padding: 1rem;
    border: 1px solid #ddd;
    border-radius: 6px;
  }

function showSetResults() {
    const setA = new Set([1, 2, 3, 4]);
    const setB = new Set([3, 4, 5, 6]);

    const results = {
      "Union": [...setA.union(setB)],
      "Intersection": [...setA.intersection(setB)],
      "Difference (A - B)": [...setA.difference(setB)],
      "Symmetric Difference": [...setA.symmetricDifference(setB)]
    };

    const output = Object.entries(results)
      .map(([label, values]) => `<p><strong>${label}:</strong> [${values.join(", ")}]</p>`)
      .join("");

    document.getElementById("results").innerHTML = output;
  }

Acum poți face operații pe mulțimi în mod clar, fără să scrii cod manual pentru fiecare combinație.

De ce contează?

Înainte, pentru a face o intersecție între două seturi, trebuia să scrii cod ca acesta:

const intersection = new Set([...setA].filter(x => setB.has(x)));

Acum, scrii doar:

const intersection = setA.intersection(setB);

Compatibilitate

Suportat în: Chrome 122+, Firefox 127+, Safari 17+, Edge 122+
Poți verifica suportul pe Can I Use
Nu necesită transpiler sau Babel

Concluzie

Noile metode pentru Set fac JavaScript mai expresiv și mai prietenos pentru programatori. Dacă lucrezi cu date, filtre sau colecții, aceste metode îți vor simplifica viața. Încearcă-le chiar acum în exemplul de mai sus!

Must Read

Interop 2026: un pas decisiv pentru un web unificat

Interop 2026 aduce un set ambițios de standarde comune pentru browsere, promițând un web mai coerent, mai rapid și mai previzibil pentru dezvoltatori și utilizatori. Află ce noutăți aduce ediția din acest an și cum influențează viitorul web‑ului.

Citește articolul

Evoluțiile majore în AI & Tech din februarie 2026

Cele mai importante evoluții AI și tehnologice din februarie 2026: ascensiunea AI‑ului agentic, investițiile uriașe ale companiilor Big Tech și schimbările strategice care modelează viitorul industriei.

Citește articolul

CSS în 2026 – analiza utilizării reale: tendințe, cifre și concluzii

Analiză completă a modului în care CSS este folosit în proiectele reale în 2026: tendințe, tehnologii moderne, probleme frecvente, framework-uri dominante și concluzii despre starea actuală a CSS-ului pe web.

Citește articolul

React în 2026 – ce trebuie să înveți cu adevărat

Află ce trebuie să înveți cu adevărat pentru a lucra cu React în 2026: JavaScript modern, Hooks, Next.js, TypeScript, state management și proiecte practice care te pregătesc pentru un job real în IT.

Citește articolul

Politica Cookie-uri

Noile metode pentru Set în JavaScript-Intersecții, diferențe și uniuni mai simple

Ce sunt aceste metode?

Exemplu live: Operații pe Set-uri

De ce contează?

Compatibilitate

Concluzie

Adaugă comentariu

Must Read

Interop 2026: un pas decisiv pentru un web unificat

Evoluțiile majore în AI & Tech din februarie 2026

CSS în 2026 – analiza utilizării reale: tendințe, cifre și concluzii

React în 2026 – ce trebuie să înveți cu adevărat