2017-04-26 165 views
0

我很难从JSON生成Angular2中的表格,因为我想旋转JSON数据并且无法为它创建接口(我通常使用的方法)枢轴JSON然后从阵列阵列创建阵列

使用JSON IM的提取物是低于该予转换我使用哪个

[ 
    { 
    "ValueDate": "2017-04-26T14:16:00", 
    "AccountName": "CASHAUD", 
    "Holding": 318622.53 
    }, 
    { 
    "ValueDate": "2017-04-26T14:16:00", 
    "AccountName": "CASHCAD", 
    "Holding": 7195 
    }, 
    { 
    "ValueDate": "2017-04-26T14:16:00", 
    "AccountName": "CASHEUR", 
    "Holding": 5077.97 
    }, 
    { 
    "ValueDate": "2017-04-26T14:16:00", 
    "AccountName": "CASHGBP", 
    "Holding": 19625 
    }, 
    { 
    "ValueDate": "2017-04-26T14:16:00", 
    "AccountName": "CASHJPY", 
    "Holding": 16463 
    }, 
    { 
    "ValueDate": "2017-04-26T14:16:00", 
    "AccountName": "CASHNZD", 
    "Holding": 601.56 
    }, 
    { 
    "ValueDate": "2017-04-26T14:16:00", 
    "AccountName": "CASHSGD", 
    "Holding": 1000 
    }, 
    { 
    "ValueDate": "2017-04-26T14:16:00", 
    "AccountName": "CASHUSD", 
    "Holding": 1716906.25 
    }, 
    { 
    "ValueDate": "2017-04-27T14:16:00", 
    "AccountName": "CASHAUD", 
    "Holding": 318622.53 
    }, 
    { 
    "ValueDate": "2017-04-27T14:16:00", 
    "AccountName": "CASHCAD", 
    "Holding": 7195 
    }, 
    { 
    "ValueDate": "2017-04-27T14:16:00", 
    "AccountName": "CASHEUR", 
    "Holding": 5077.97 
    }, 
    { 
    "ValueDate": "2017-04-27T14:16:00", 
    "AccountName": "CASHGBP", 
    "Holding": 19625 
    }, 
    { 
    "ValueDate": "2017-04-27T14:16:00", 
    "AccountName": "CASHJPY", 
    "Holding": 16463 
    }, 
    { 
    "ValueDate": "2017-04-27T14:16:00", 
    "AccountName": "CASHNZD", 
    "Holding": 601.56 
    }, 
    { 
    "ValueDate": "2017-04-27T14:16:00", 
    "AccountName": "CASHSGD", 
    "Holding": 1000 
    }, 
    { 
    "ValueDate": "2017-04-27T14:16:00", 
    "AccountName": "CASHUSD", 
    "Holding": 1720781.25 
    } 
] 

以下教程http://techbrij.com/convert-column-to-row-javascript-array-pivot枢转JSON数组,这导致数组的数组

enter image description here

它不是一个坏的结果

标题总是在[i][0] 数据始终在[i + 1][j]

是一个方法,我可以遍历论文阵列现在创建一个对象或其他数组有任何想法,我可以建一张桌子吗?

+0

因此,您有一个可以表示为2维3xN数组(N =对象数)的对象列表,并且想要将其转换为Nx3数组 - 具有可变列数。是这样吗? –

+0

我相信这是正确的 –

回答

0

创建具有三排(代表ValueDate,帐户名和控股值)的新阵列并迭代初始值:

source = [{...}, {...} ... ]; 
result = [[], [], []]; 
source.forEach((row, index) => { 
    result[0][index] = row.ValueDate; 
    result[1][index] = row.AccountName; 
    result[2][index] = row.Holding; 
}); 

请参见下面的Plunker例如: https://plnkr.co/edit/15ZmVUxhEyPLTlDmHCLb?p=preview

0

您可以集成数据透视表.js与Angular2。这很容易。如果你选择这个选项,我可以帮你。干杯。