Sobes.tech
Junior

Hogyan lehet eltávolítani az összes duplikátumot egy tömbből?

sobes.tech MI

Válasz az MI-től

Számos elterjedt módszer létezik:

  1. Set használata: A legmodernebb és legrövidebb módszer. A Set csak egyedi értékeket tárol.

    const arr = [1, 2, 2, 3, 4, 4, 5];
    const uniqueArr = [...new Set(arr)];
    // uniqueArr [1, 2, 3, 4, 5] lesz
    
    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);
    // Objektumok esetén, a helyes összehasonlításhoz stringgé kell őket alakítani
    // uniqueArr [{ id: 1, name: 'A' }, { id: 2, name: 'B' }] lesz
    
  2. filter és indexOf használata: Szűrjük a tömböt, csak azokat az elemeket hagyva meg, amelyek első előfordulása megegyezik a jelenlegi indexszel.

    const arr = [1, 2, 2, 3, 4, 4, 5];
    const uniqueArr = arr.filter((item, index) => arr.indexOf(item) === index);
    // uniqueArr [1, 2, 3, 4, 5] lesz
    
  3. reduce használata: Új tömb létrehozása, hozzáadva az elemeket, ha még nem szerepelnek.

    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 [1, 2, 3, 4, 5] lesz
    
    const arr = [1, 2, 2, 3, 4, 4, 5];
    const uniqueArr = arr.reduce((acc, curr) => acc.includes(curr) ? acc : [...acc, curr], []);
    // Rövidebb változat
    // uniqueArr [1, 2, 3, 4, 5] lesz
    
  4. Objektum/Map használata: Ideiglenes objektum vagy Map létrehozása, hogy nyomon kövessük a már találkozott elemeket.

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

A Set használata általában a leghatékonyabb és legolvasmányosabb módszer primitív típusok esetén. Objektumoknál további logika szükséges lehet.