从对象数组创建PrimeNG TreeTable json

时间:2017-09-20 22:02:53

标签: javascript arrays json typescript primeng

我有一个已排序的objetcs数组。它们不是通过id彼此附着,而是通过文本相互附着。

let result = [
    { col1: "A" , col2: "a" , col3: "1", col4: [10,15] },
    { col1: "A" , col2: "c" , col3: "1", col4: [30,35] },
    { col1: "B" , col2: "b" , col3: "1", col4: [20,25] },
    { col1: "C" , col2: "d" , col3: "1", col4: [40,45] },
    { col1: "C" , col2: "d" , col3: "2", col4: [50,55] },
    { col1: "D" , col2: "e" , col3: "3", col4: [60,65] },
    { col1: "D" , col2: "e" , col3: "4", col4: [70,75] },
    { col1: "D" , col2: "f" , col3: "1", col4: [80,85] }
]

我需要从这个数组中绘制以下TreeTable: enter image description here

The plunker link

因此,结果数组将转换为:

this.data = [
    {
        // COL1
        data:{
            label:"A"
        },
        children:[
            {
                // COL2
                data:{
                    label: "a"
                },
                children:[
                    {
                        // COL3
                        data:{
                            label: "1",
                            clusters: [10,15]
                        }
                    }
                ]
            },
            {
                // COL2
                data:{
                    label: "c"
                },
                children:[
                    {
                        // COL3
                        data:{
                            label: "1",
                            clusters: [30,35]
                        }
                    }
                ]
            }
        ]
    },
    {
        // COL1
        data:{
            label:"B"
        },
        children:[
            {
                // COL2
                data:{
                    label: "b"
                },
                children:[
                    {
                        // COL3
                        data:{
                            label: "1",
                            clusters: [20,25]
                        }
                    }
                ]
            }
        ]
    },
    {
        // COL1
        data:{
            label:"C"
        },
        children:[
            {
                // COL2
                data:{
                    label: "d"
                },
                children:[
                    {
                        // COL3
                        data:{
                            label: "1",
                            clusters: [40,45]
                        }
                    },
                    {
                        // COL3
                        data:{
                            label: "2",
                            clusters: [50,55]
                        }
                    }
                ]
            }
        ]
    },
    {
        // COL1
        data:{
            label:"D"
        },
        children:[
            {
                // COL2
                data:{
                    label: "e"
                },
                children:[
                    {
                        // COL3
                        data:{
                            label: "3",
                            clusters: [60,65]
                        }
                    },
                    {
                        // COL3
                        data:{
                            label: "4",
                            clusters: [70,75]
                        }
                    }
                ]
            },
            {
                // COL2
                data:{
                    label: "f"
                },
                children:[
                    {
                        // COL3
                        data:{
                            label: "3",
                            clusters: [80,85]
                        }
                    }
                ]
            }
        ]
    }
];

我尝试了一些事情,例如对结果数组进行分组,只是对结果数组进行循环...但是我无法解决这个问题并最终迷失了。

你能帮我从结果数组创建数据数组吗?

1 个答案:

答案 0 :(得分:2)

试试这个:

let data = [];
result.forEach((r, i) => {
  let d;
  for (let i = 1; i <= 3; i ++) {
    const l = r["col"+i];
    const rg = d ? (d.children || (d.children = [])) : data;
    d = rg.find(e => e.data.label === l) || (rg[rg.length] = { data: { label: l }});
  }
  d.data.clusters = r["col4"];
});
console.log(data);