Как преобразовать данные?

Question

[gsdev99]

Исходный массив:

const widgets = [
    {
        type: "Title",
        data: {
            title: "title1",
            subTitle: "subTitle1"
        }
    },
    {
        type: "Title",
        data: {
            title: "title2",
            subTitle: "subTitle2"
        }
    },
    {
        type: "Title",
        data: {
            title: "title3",
            subTitle: "subTitle3"
        }
    },
    {
        type: "New",
        data: {
            title: "new title1",
            subTitle: "new subTitle1"
        }
    },
    {
        type: "New",
        data: {
            title: "new title2",
            subTitle: "new subTitle2"
        }
    },
    {
        type: "NewTitle",
        data: {
            title: "NewTitle title1",
            subTitle: "NewTitle subTitle1"
        }
    },
]

Данные которые необходимо получить (объединение одинаковых типов в массив):

const widgetsTransform = [
    {
        type: "SectionTitle",
        children: [
            {
                type: "Title",
                data: {
                    title: "title1",
                    subTitle: "subTitle1"
                }
            },
            {
                type: "Title",
                data: {
                    title: "title2",
                    subTitle: "subTitle2"
                }
            },
            {
                type: "Title",
                data: {
                    title: "title3",
                    subTitle: "subTitle3"
                }
            }
        ]
    },
    {
        type: "SectionNew",
        children: [
            {
                type: "New",
                data: {
                    title: "new title1",
                    subTitle: "new subTitle1"
                }
            },
            {
                type: "New",
                data: {
                    title: "new title2",
                    subTitle: "new subTitle2"
                }
            }
        ]
    },
    {
        type: "NewTitle",
        data: {
            title: "NewTitle title1",
            subTitle: "NewTitle subTitle1"
        }
    },
]

Answer 1

[NikolayDolgushin]

для этой цели подойдет уже готовое решение lodash .groupBy https://lodash.com/docs#groupBy,
а вот здесь есть пример использования https://stackoverflow.com/questions/23600897/using...

Answer 2

[historydev]

const widgetsTransform = widgets.map(item => {
   let items = [];
   items.push({
       type: `Section${item.type}`,
       children: []
   });
   items.find(el => el.type.replace('Section', '') === item.type).children.push(item);
   return items
});

console.log(widgetsTransform);

Comments

[gsdev99]

Спасибо, но не совсем то, что мне нужно. Ниже в комментарии 0xD34F я описал более подробно.

[0xD34F]

gsdev99,

Ниже в комментарии 0xD34F я описал более подробно.

Упс, ничего там нет. Зарубите-ка себе на носу, юноша - не надо просить людей бегать по комментариям к чужим ответам.

[historydev]

gsdev99, совсем то что вам нужно будет после того как вы научитесь делать так, чтобы работало)

Answer 3

[0xD34F]

Группировать надо всё, или соседей? - в обоих случаях будет получен требуемый результат для показанного примера исходных данных.

Первое:

const widgetsTransform = Object
  .values(widgets.reduce((acc, n) => ((acc[n.type] = acc[n.type] ?? []).push(n), acc), {}))
  .map(n => n.length > 1 ? ({ type: `Section${n[0].type}`, children: n }) : n[0]);

Второе:

const widgetsTransform = widgets
  .reduce((acc, n, i, a) => (
    (i && n.type === a[~-i].type) || acc.push([]),
    acc[~-acc.length].push(n),
    acc
  ), [])
  .map(n => ~-n.length ? ({ type: 'Section' + n[0].type, children: n }) : n[0]);

Answer 4

[Ао]

А что много вариантов? Пройтись по каждому элементу объекта в цикле, проверить значение в поле type и в зависимости от значения копировать текущий объект в widgetsTransform в нужный массив children