Группа Javascript по массиву объектов (сложные объекты)

После долгих попыток и поиска я не смог решить следующую проблему: У меня есть следующий массив

[
{text: "text", title: "title", cid: "cid", active: true, nodes: [
  {title: "subTitle", text: "subText", cid: "cid", active: true, nodes: [
    {text:"123", title:"321"}, 
    {text:"456", title:"654"},
    {text:"789", title:"765"}
  ]},
   {title: "subTitle", text: "subText2", cid: "cid2", active: true, nodes: [
    {text:"testText", title:"testTitle1"}, 
    {text:"testText", title:"testTitle2"},
    {text:"testText", title:"testTitle3"}
  ]},
  {title: "subTitle", text: "subText3", cid: "cid3", active: true, nodes: [
    {text:"ycycy", title:"asd"}, 
    {text:"nyd", title:"yf"},
    {text:"xfg", title:"qq"}
  ]},
  {title: "anotherSubTitle", text: "subText4", cid: "cid4", active: true, nodes: [
    {text:"fff", title:"hhh"}, 
    {text:"xxx", title:"sss"},
    {text:"hhh", title:"jjj"}
  ]}
]}
]

Я хочу достичь следующего формата:

[
{text: "text", title: "title", cid: "cid", active: true, nodes: [
  {title: "subTitle", text: "subText", cid: "cid", active: true, nodes: [
    {text:"123", title:"321"}, 
    {text:"456", title:"654"},
    {text:"789", title:"765"},
    {text:"testText", title:"testTitle1"},
    {text:"testText", title:"testTitle1"},
    {text:"testText", title:"testTitle1"},
    {text:"ycycy", title:"asd"}, 
    {text:"nyd", title:"yf"},
    {text:"xfg", title:"qq"}
  ]},
  {title: "anotherSubTitle", text: "subText4", cid: "cid4", active: true, nodes: [
    {text:"fff", title:"hhh"}, 
    {text:"xxx", title:"sss"},
    {text:"hhh", title:"jjj"}
  ]}
]}
]

Я пробовал array.reduce и перебирал массив, но каждый раз получал неправильный результат... Любое предложение, пожалуйста?

Можете ли вы включить редуктор, который вы пробовали?

— 18.12.2020 18:25

Не похоже, что происходит какая-то «группировка» в традиционном смысле. Просто переместите все элементы в массиве nodes элементов второго уровня в массив nodes первого элемента.

— 18.12.2020 18:28

Отвечает ли это на ваш вопрос? Как объединить/объединить значения одних и тех же свойств объекта в массиве объектов с помощью lodash?

— 18.12.2020 18:32

К сожалению, ни один ответ не помог... На самом деле я пытаюсь сгруппировать по text в узлах на первом уровне.

— 18.12.2020 18:37

javascript arrays ecmascript-6 ecmascript-5

18.12.2020 18:23

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Раскрытие чувствительных данных

Все внешние компоненты, рассмотренные здесь до сих пор, взаимодействуют с клиентской стороной. Однако, если они подвергаются атаке, они не...

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Зод: сила проверки и преобразования данных

Сегодня я хочу познакомить вас с библиотекой Zod и раскрыть некоторые ее особенности, например, возможности валидации и трансформации данных, а также...

Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf

Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.

Руководство ChatGPT по продаже мини JS-файлов

JS-файл - это файл, содержащий код JavaScript. JavaScript - это язык программирования, который в основном используется для добавления интерактивности...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете взять вложенную группировку по свойству для всех уровней.

const
    groupBy = (array, key) => array.reduce((r, { nodes, ...o }) => {
        let temp = r.find(q => q[key] === o[key]);
        if (!temp) r.push(temp = o);
        if (nodes) (temp.nodes ??= []).push(...groupBy(nodes, key));
        return r;
    }, []),
    data = [{ text: "text", title: "title", cid: "cid", active: true, nodes: [{ title: "subTitle", text: "subText", cid: "cid", active: true, nodes: [{ text: "123", title: "321" }, { text: "456", title: "654" }, { text: "789", title: "765" }] }, { title: "subTitle", text: "subText2", cid: "cid2", active: true, nodes: [{ text: "testText", title: "testTitle1" }, { text: "testText", title: "testTitle2" }, { text: "testText", title: "testTitle3" }] }, { title: "subTitle", text: "subText3", cid: "cid3", active: true, nodes: [{ text: "ycycy", title: "asd" }, { text: "nyd", title: "yf" }, { text: "xfg", title: "qq" }] }] }],
    result = groupBy(data, 'title');

console.info(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

18.12.2020 18:43

Другие вопросы по теме

Массив плавающих изображений numpy, значение int 0..255

Путь максимальной суммы в двух отсортированных массивах в C

Установка вложенного массива в переменную при совпадении индекса

Как разбить каждый элемент массива строк на разные категории?

Несоответствие типа массива

Цикл вычислений по фрейму данных списков и списков массивов

Массив JS внутри массива — добавление нового «мини-массива»

Целочисленное преобразование объекта массива PHP с помощью array_map или array_walk

Анализ массива объектов в JSON и преобразование его в плоский JSON с использованием преобразования JOLT

Как получить данные временного интервала из org.json.JSONArray в java?

Группа Javascript по массиву объектов (сложные объекты)

Ответы 1

Другие вопросы по теме

Похожие вопросы