Как сгруппировать похожие подпункты JSON

Question

Я хочу сгруппировать подобный подпункт моего Json в один, а затем объединить все свои подпункты под созданным элементом.

это мой файл json:

{
    "car": [
        {
            "name": "benz",
            "details": [
                {
                    "name": "C1",
                    "year": [
                        {
                            "name": "1850",
                            "errs": [
                                {
                                    "user": "model-A",
                                    "text": "error text on model-H"
                                },
                                {
                                    "user": "model-C",
                                    "text": "error text on model-C"
                                }
                            ]
                        },
                        {
                            "name": "1820",
                            "errs": [
                                {
                                    "user": "model-C",
                                    "text": "error text on model-C"
                                }
                            ]
                        }
                    ]
                }
            ]
        },
        {
            "name": "vw",
            "details": [
                {
                    "name": "A1",
                    "year": [
                        {
                            "name": "1860",
                            "errs": []
                        },
                        {
                            "name": "1870",
                            "errs": [
                                {
                                    "user": "model-A",
                                    "text": "error text on model-H"
                                }
                            ]
                        }
                    ]
                },
                {
                    "name": "A2",
                    "year": [
                        {
                            "name": "1910",
                            "errs": []
                        },
                        {
                            "name": "1950",
                            "errs": [
                                {
                                    "user": "model-A",
                                    "text": "error text on model-H"
                                }
                            ]
                        }
                    ]
                }
            ]
        }
    ]
}

Моя древовидная структура основана на метке и дочерних элементах, поэтому мой родительский элемент - метка, а дочернее - дочерние.

и это мой файл TS:

ngOnInit():void {
    this.http.get('.car.json').subscribe((data) => {

        data.car.forEach((carItem) => {

            carItem.details.forEach((detail) => {
                const errorsTree = {};

                detail.year.forEach((year) => {

                    year.errs.forEach((err) => {
                        let userNode;
                        let carNode;
                        let detailNode;

                        if (errorsTree[err.userAgent]) {
                            userNode = errorsTree[err.userAgent];
                        } else {
                            userNode = {name: err.userAgent, cars: {}};
                            errorsTree[err.userAgent] = userNode;
                        }

                        const components = userNode.cars;

                        if (components[carItem.name]) {
                            carNode = cars[carItem.name];
                        } else {
                            carNode = {name: carItem.name, details: {}};
                            components[carItem.name] = carNode;
                        }

                        const detailsItems = carNode.details;

                        if (detailsItems[detail.name]) {
                            detailNode = detailsItems[detail.name];
                        } else {
                            detailNode = {name: detail.name, tests: {}};
                            detailsItems[detail.name] = detailNode;
                        }

                        detailNode.tests[test.name] = test;

                        this.TreeModel.push({
                            label: userNode.name,
                            children: _.values(userNode.cars).map((car) => {
                                return {
                                    label: car.name,
                                    children: _.values(car.details).map((deta) => {
                                        return {
                                            label: deta.name,
                                            children: _.values(deta.tests).map((testItem) => {
                                                return {
                                                    label: testItem.name,
                                                    err: err.text
                                                };
                                            })
                                        };
                                    })
                                };
                            })
                        });

                    });

                });

            });


        });

    });
}

после запуска кода дерево будет выглядеть так:

model-A
       benz
            C1
model-C
       benz
            C1
model-C
       benz
            C1
model-A
       vw
            A1
model-A
       vw
            A2

но это не правильно, результат должен выглядеть примерно так:

[
    {
        label: 'model-A',
        children: [
            {
                label: 'benz',
                children: [
                    {
                        label: 'C1'
                    }
                ]
            },
            {
                label: 'vw',
                children: [
                    {
                        label: 'A1'
                    },
                    {
                        label: 'A2'
                    }
                ]
            }
        ]
    },
    {
        label: 'model-C',
        children: [
            {
                label: 'benz',
                children: [
                    {
                        label: 'C1'
                    }
                ]
            }
        ]
    }
]

у вас есть идея, как сгруппировать этот Json, как указанная выше структура, с Angular 5 спасибо.

Answer 1

Вы можете структурировать свои данные, используя array#reduce с несколькими array#forEach, затем из этого результата используйте array#map с Object.keys(), чтобы получить окончательный формат.

const data = { "car": [ { "name": "benz", "details": [ { "name": "C1", "year": [ { "name": "1850", "errs": [ { "user": "model-A", "text": "error text on model-H" }, { "user": "model-C", "text": "error text on model-C" } ] }, { "name": "1820", "errs": [ { "user": "model-C","text": "error text on model-C" } ] } ] } ] }, { "name": "vw", "details": [ { "name": "A1", "year": [ { "name": "1860", "errs": [] }, { "name": "1870", "errs": [ { "user": "model-A", "text": "error text on model-H" } ] } ] }, { "name": "A2", "year": [{ "name": "1910", "errs": [] }, { "name": "1950", "errs": [ { "user": "model-A", "text": "error text on model-H" } ] } ] } ] } ] },
    result = data.car.reduce((r, {name, details}) => {
      details.forEach(o1 => {
        o1.year.forEach(o2 => {
          o2.errs.forEach(({user, text}) => {
              r[user] = r[user] || {};
              r[user][name] = r[user][name] || [];
              if(!r[user][name].includes(o1.name))
                r[user][name].push(o1.name);
          });
        });
      });
      return r;
    },{});
const output = Object.keys(result).map(k => ({label : k, children : Object.keys(result[k]).map(key => ({label: key, children : result[k][key].map(([label]) => ({label}) ) }) ) }) );
console.log(output);

Answer 2

Вы можете использовать что-то вроде этого -

var processedJSON = {};
const data = {
  "car": [{
      "name": "benz",
      "details": [{
        "name": "C1",
        "year": [{
            "name": "1850",
            "errs": [{
                "user": "model-A",
                "text": "error text on model-H"
              },
              {
                "user": "model-C",
                "text": "error text on model-C"
              }
            ]
          },
          {
            "name": "1820",
            "errs": [{
              "user": "model-C",
              "text": "error text on model-C"
            }]
          }
        ]
      }]
    },
    {
      "name": "vw",
      "details": [{
          "name": "A1",
          "year": [{
              "name": "1860",
              "errs": []
            },
            {
              "name": "1870",
              "errs": [{
                "user": "model-A",
                "text": "error text on model-H"
              }]
            }
          ]
        },
        {
          "name": "A2",
          "year": [{
              "name": "1910",
              "errs": []
            },
            {
              "name": "1950",
              "errs": [{
                "user": "model-A",
                "text": "error text on model-H"
              }]
            }
          ]
        }
      ]
    }
  ]
};

data.car.forEach(function(car, i) {
  car.details.forEach(function(detail, j) {
    detail.year.forEach(function(year, k) {
      year.errs.forEach(function(element, l) {
        if (!processedJSON[element.user]) {
          processedJSON[element.user] = {};
        }
        if (!processedJSON[element.user][car.name]) {
          processedJSON[element.user][car.name] = [];
        }
        if (processedJSON[element.user][car.name].indexOf(detail.name) == -1) {
          processedJSON[element.user][car.name].push(detail.name);
        }
      });
    });
  });
});

console.log(processedJSON);