Как сформировать объект из повторяющих значений поля?

Question

[Сергей]

Есть массив объектов, у каждого объекта есть поле "code" которое у некоторых повторяется, необходимо сделать один объект из повторяющихся значений поля "code" и внутри объекта сделать массив всех повторяющих объектов с этим полем.

Пример исходного массива:

const data = [
    {
      id: 3547,
      code: "T5",
      name: "«Комплексная защита»",
      price: 17000,
      data: {
        period: "1 год",
        periodId: "000000001"
      }
    },
    {
      id: 3936,
      code: "T5",
      name: "«Комплексная защита»",
      price: 100000,
      data: {
        period: "10 лет",
        periodId: "000000010"
      }
    },
    {
      id: 3937,
      code: "T5",
      name: "«Комплексная защита»",
      price: 200000,
      data: {
        period: "20 лет",
        periodId: "000000020"
      }
    },
    {
      id: 3938,
      code: "T5",
      name: "«Комплексная защита»",
      description: "",
      price: 300000,
      data: {
        period: "30 лет",
        periodId: "000000030"
      }
    },
    {
      id: 3939,
      code: "T3R",
      name: "Услуга 2",
      description: null,
      price: 150000,
      data: {
        period: "10 лет",
        periodId: "000000010"
      }
    },
    {
      id: 3940,
      code: "T3R",
       name: "Услуга 2",
      description: null,
      price: 250000,
      data: {
        period: "20 лет",
        periodId: "000000020"
      }
    },
    {
      id: 3941,
      name: "Услуга 2",
      name: null,
      description: null,
      price: 350000,
      data: {
        period: "30 лет",
        periodId: "000000030"
      }
    },
    {
      id: 3942,
      code: "T13",
      name: "«Защита экрана»",
      description: "",
      price: 2400,
      data: {
        period: "3 месяца",
        periodId: "000000005"
      }
    },
    {
      id: 3943,
      code: "T13",
      name: "«Защита экрана»",
      description: "",
      price: 13450,
      data: {
        period: "6 месяцев",
        periodId: "000000006"
      }
    },
    {
      id: 3944,
      code: "T13",
      name: "«Защита экрана»",
      description: "",
      price: 22300,
      data: {
        period: "1 год",
        periodId: "000000001"
      }
    }
  ]

Результат:

{
    	code: 'T13',
      name: "«Защита экрана»",
      variants: [
      	{
          id: 3944,
          code: "T13",
          name: "«Защита экрана»",
          description: "",
          price: 22300,
          data: {
            period: "1 год",
            periodId: "000000001"
          }
        },
        {
          id: 3942,
          code: "T13",
          name: "«Защита экрана»",
          description: "",
          price: 2400,
          data: {
            period: "3 месяца",
            periodId: "000000005"
          }
        },
      ]
    },

Ну и соответственно остальные значения объекта с поле "code".

Answer 1

[0xD34F]

Object.values(data.reduce((acc, n) => {
  (acc[n.code] ||= {
    code: n.code,
    name: n.name,
    variants: [],
  }).variants.push(n);

  return acc;
}, {}))

Comments

[Сергей Соколов]

!!! супер.

[0xD34F]

Сергей Соколов, да чего супер-то? Этих "суперов" уже штук сорок тут оставил, в различных вариациях.

[Сергей Соколов]

0xD34F, на лаконичный вариант с оператором ||=, как и на сам оператор, я обратил внимание только сейчас, благодаря вашему ответу. Разумеется, оператор не впервые в ваших ответах, но я нерегулярно заглядываю на QnA.

[Сергей]

it's just a masterpiece!!!!!!!!!111

[Дмитрий Беляев]

на лаконичный вариант с оператором ||=

Сергей Соколов, мне почему то кажется, что ??= тут будет уместнее

[webdisigner]

ребята дайте новичкам набрать баллов)))

Answer 2

[Дмитрий Беляев]

https://developer.mozilla.org/ru/docs/Web/JavaScri...
В качестве аккумулятора https://developer.cdn.mozilla.net/ru/docs/Web/Java...

Comments

[Сергей]

Действительно почекать доку бывает полезно. Получился не плохой вариант с использованием мапа в качестве аккумулятора. Но вариант выше куда более лаконичнее вышел) Благодарю!

[Дмитрий Беляев]

Сергей, разве что Map гарантирует Вам исходную последовательность, а объект нет.
Хотя в современном v8 объекты реализованы под капотом через тот же OrderedHashMap, что и Map, так что порядок добавления сохраняют. Однако стоит помнить, что согласно спеке порядок полей в объекте не определен и однажды такое поведение может начать отличаться.