Jak usunąć wszystkie duplikaty z tablicy?

Istnieje kilka powszechnych metod:

1. Użycie Set: Najnowszy i najbardziej zwięzły sposób. Set przechowuje tylko unikalne wartości.

   const arr = [1, 2, 2, 3, 4, 4, 5];
   const uniqueArr = [...new Set(arr)];
   // uniqueArr będzie [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);
   // Dla obiektów, konieczne jest przekształcenie ich w ciągi znaków do poprawnego porównania w Set
   // uniqueArr będzie [{ id: 1, name: 'A' }, { id: 2, name: 'B' }]
   

2. Użycie filter i indexOf: Filtrowanie tablicy, pozostawiając tylko elementy, których pierwsze wystąpienie odpowiada bieżącemu indeksowi.

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

3. Użycie reduce: Tworzenie nowej tablicy, dodając elementy, jeśli jeszcze nie istnieją w akumulatorze.

   const arr = [1, 2, 2, 3, 4, 4, 5];
   const uniqueArr = arr.reduce((acc, curr) => {
       if (!acc.includes(curr)) {
           acc.push(curr);
       }
       return acc;
   }, []);
   // uniqueArr będzie [1, 2, 3, 4, 5]
   

   const arr = [1, 2, 2, 3, 4, 4, 5];
   const uniqueArr = arr.reduce((acc, curr) => acc.includes(curr) ? acc : [...acc, curr], []);
   // Krótsza wersja
   // uniqueArr będzie [1, 2, 3, 4, 5]
   

4. Użycie obiektu/Mapy: Tworzenie tymczasowego obiektu lub Mapy do śledzenia już napotkanych elementów.

   const arr = [1, 2, 2, 3, 4, 4, 5];
   const seen = {};
   const uniqueArr = arr.filter(item => seen.hasOwnProperty(item) ? false : (seen[item] = true));
   // uniqueArr będzie [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 będzie [1, 2, 3, 4, 5]
   

Metoda z użyciem Set jest zazwyczaj najbardziej wydajna i czytelna dla typów prymitywnych. Dla obiektów może wymagać dodatkowej logiki.