Sobes.tech
Junior

Массивден бардык көчүрмөлөрдү кантип алып салуу керек?

sobes.tech AI

AIден жооп

Көптөгөн кеңири тараган ыкмалар бар:

  1. Set колдонуу: Эң заманбап жана кыска ыкма. Set гана уникалдуу маанилерди сактайт.

    const arr = [1, 2, 2, 3, 4, 4, 5];
    const uniqueArr = [...new Set(arr)];
    // uniqueArr болот [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);
    // Объекттер үчүн алардын саптарга айландыруу керек, туура салыштыруу үчүн Set менен
    // uniqueArr болот [{ id: 1, name: 'A' }, { id: 2, name: 'B' }]
    
  2. filter жана indexOf колдонуу: Масивди фильтрлөө, биринчи жолу кездешкен элементтерди калтыруу:

    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]
    
  3. reduce колдонуу: Жаңы массив түзүү, эгер ал дагы жок болсо, элементтерди кошуу:

    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 болот [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], []);
    // Кыска версия
    // uniqueArr болот [1, 2, 3, 4, 5]
    
  4. Объект/Map колдонуу: Убакыттык объект же Map түзүү, алгач кездешкен элементтерди көзөмөлдөө үчүн:

    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]
    
    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]
    

Set колдонуу көбүнчө эң натыйжалуу жана окумдуу ыкма болуп саналат. Объекттер үчүн кошумча логика талап кылышы мүмкүн.