Angualr -6 / js中用于ngx数据表的嵌套json数据最小化

时间:2019-05-03 10:34:20

标签: javascript multidimensional-array angular6 nested-loops ngx-datatable

我正在尝试创建一个ngx数据表,该数据表从嵌套数组动态创建列,但无法进行一些研究-因此,要达到我想要的结果,我必须使用每个数组所需的键/值将嵌套数组弄平将对象嵌套到我的父对象中。

我需要操纵数据,以便最终结果是一个平面数组,并为嵌套数组收入中的每个对象包含一个行项,其中'缩写'为键,而'金额”。是值。

[
{
employee_uuid:  978f37df-7e07-4118-be93-d82507ce5c46,
employee_code:  JB00024,
full_name:  Thulisile Sandra,
last_name:  Bhekiswayo
earnings:[{
    abbreviation: "NT HRS"
    amount: "45.00"
    money: false
    name: "Normal Time HRS"
    time: true
    unique: "7d783469-717e-408a-bc3c-93115cb632dd_true"
    uuid: "7d783469-717e-408a-bc3c-93115cb632dd"
    value: "45.00"
},
{
    abbreviation: "OT HRS"
    amount: "25.00"
    money: false
    name: "Normal Time HRS"
    time: true
    unique: "7d783469-717e-408a-bc3c-93115cb632dd_true"
    uuid: "7d783469-717e-408a-bc3c-93115cb632dd"
    value: "45.00"
}],
terminated  false
}
...
]

我想看起来像这样:

[
{
employee_uuid:  978f37df-7e07-4118-be93-d82507ce5c46,
employee_code:  JB00024,
full_name:  Thulisile Sandra,
last_name:  Bhekiswayo,

NT HRS: '45.00',
OT HRS, '25.00',

terminated:false
}
...
]

我不确定如何执行此操作,我尝试了简化和映射函数,但没有成功。.我可以使用Object.assign将嵌套数组添加到父对象中,但这需要整个对象,我需要从该对象创建一个新参数。

任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:1)

您可以为此使用es6解构,只需公开所需的任何属性,然后“重新组合”,然后制成所需的对象形状。 例如:

self.total

这将使您成为嵌套字段之一