Как обработать такой массив в аналогичный с уникальными значениями по свойству?

Question

[Dubrovin]

Здравствуйте, есть вот такой массив объектов:

[
	{ 
	family: 'Roboto',
	variants: [ '400','500' ],
	subsets: [ 'cyrillic' ],
	},

	{ 
	family: 'Roboto',
	variants: [ '100','200' ],
	subsets: [ 'cyrillic-extended' ],
	},

	{ 
	family: 'Rubik',
	variants: [ '300' ],
	subsets: [ 'latin-extended' ],
	},

	{ 
	family: 'Rubik',
	variants: [ '500' ],
	subsets: [ 'latin-extended' ],
	},
]

Нужно преобразовать его в такой:

[
	{ 
	family: 'Roboto',
	variants: [ '100','200','400','500' ],
	subsets: [ 'cyrillic', 'cyrillic-extended' ],
	}

	{
	family: 'Rubik',
	variants: [ '300', '500' ],
	subsets: [ 'latin-extended' ],
	},
]

Как это сделать наиболее быстро с минимальным кодом? Использую ES6 без jQuery.

Comments

[RuGrof]

Длинный вариант, для более общего случая.

function uniqArrayCollector(fieldName, source) {
        const obj = source.reduce((res, elem) => {
            const otherKeys = Object.keys(elem);
            otherKeys.splice(otherKeys.indexOf(fieldName), 1);
            if (!res[elem[fieldName]]) {
                res[elem[fieldName]] = {};
            }
            otherKeys.forEach(key => {
                if (!res[elem[fieldName]][key]) {
                    res[elem[fieldName]][key] = {};
                }
                Object.assign(res[elem[fieldName]][key], elem[key].reduce((acc, field) => {
                    acc[field] = true;
                    return acc;
                }, {}));
            });
            return res;
        }, {});
        return Object.keys(obj).map(key => {
            return {
                [fieldName]: key,
                ...Object.keys(obj[key]).reduce((resArr, resFieldName) => {
                    resArr[resFieldName] = Object.keys(obj[key][resFieldName]);
                    return resArr;
                }, {})
            };
        });
    };

Answer 1

[0xD34F]

const groupUnique = (arr, idKey, ...keys) => Object
  .values(arr.reduce((acc, n) => {
    const id = n[idKey];
    acc[id] = acc[id] || keys.reduce((group, k) => (group[k] = [], group), {...n});
    keys.forEach(k => acc[id][k].push(...n[k]));
    return acc;
  }, {}))
  .map(n => (keys.forEach(k => n[k] = [...new Set(n[k])]), n));


const result = groupUnique(arr, 'family', 'variants', 'subsets');

Comments

[Никита Егоров]

как расшифровывается acc?

[0xD34F]

Никита Егоров, accumulate.

[Никита Егоров]

0xD34F, ааа, окей

[Владимир]

Никита Егоров, аккумулятор

[Алексей П]

Spread properties работают только в Chrome и Firefox. https://developer.mozilla.org/ru/docs/Web/JavaScri...

[Никита Егоров]

Алексей Попрядухин, они заменяются обычно конкатом, автору вопроса нужно будет, он изменит

Answer 2

[davidnum95]

https://jsfiddle.net/cr58tdbo/13/