Ako odstrániť všetky duplikáty z poľa?

Existuje niekoľko bežných spôsobov:

1. Použitie Set: Najmodernejší a najkratší spôsob. Set uchováva iba jedinečné hodnoty.

   const arr = [1, 2, 2, 3, 4, 4, 5];
   const uniqueArr = [...new Set(arr)];
   // uniqueArr bude [1, 2, 3, 4, 5]
   

   const arr = [{ id: 1, name: 'A' }, { id: 2, name: 'B' }, { id: 1, name: 'A' }];
   const uniqueArr = Array.from(new Set(arr.map(JSON.stringify))).map(JSON.parse);
   // Pre objekty je potrebné ich previesť na reťazce pre správne porovnanie s Set
   // uniqueArr bude [{ id: 1, name: 'A' }, { id: 2, name: 'B' }]
   

2. Použitie filter a indexOf: Filtrácia poľa, ponechávajúc prvky, ktorých prvé výskyt je rovný aktuálnemu indexu.

   const arr = [1, 2, 2, 3, 4, 4, 5];
   const uniqueArr = arr.filter((item, index) => arr.indexOf(item) === index);
   // uniqueArr bude [1, 2, 3, 4, 5]
   

3. Použitie reduce: Vytvorenie nového poľa pridávaním prvkov, ak ešte nie sú v akumulátore.

   const arr = [1, 2, 2, 3, 4, 4, 5];
   const uniqueArr = arr.reduce((accumulator, current) => {
       if (!accumulator.includes(current)) {
           accumulator.push(current);
       }
       return accumulator;
   }, []);
   // uniqueArr bude [1, 2, 3, 4, 5]
   

   const arr = [1, 2, 2, 3, 4, 4, 5];
   const uniqueArr = arr.reduce((accumulator, current) => accumulator.includes(current) ? accumulator : [...accumulator, current], []);
   // Kratšia verzia
   // uniqueArr bude [1, 2, 3, 4, 5]
   

4. Použitie objektu/Map: Vytvorenie dočasného objektu alebo Map na sledovanie už viditeľných prvkov.

   const arr = [1, 2, 2, 3, 4, 4, 5];
   const seen = {};
   const uniqueArr = arr.filter(item => seen.hasOwnProperty(item) ? false : (seen[item] = true));
   // uniqueArr bude [1, 2, 3, 4, 5]
   

   const arr = [1, 2, 2, 3, 4, 4, 5];
   const seen = new Map();
   const uniqueArr = arr.filter(item => {
       if (!seen.has(item)) {
           seen.set(item, true);
           return true;
       }
       return false;
   });
   // uniqueArr bude [1, 2, 3, 4, 5]
   

Metóda použitia Set je zvyčajne najvýkonnejšia a najčitateľnejšia pre primitívne typy. Pre objekty môže byť potrebná dodatočná logika.