无法从服务器格式化此JSON数据

Question

我正在Angular JS中创建网站的一部分，该部分显示来自服务器的一些报告数据。 由于我将其显示在表格中，因此我需要它可以使用ng-repeat轻松显示的格式。

因此，我需要将JSON数据从服务器转换为JavaScript对象。 我已经有了想要的数据的目标格式，一个使用“捐赠程序”的名称作为键的对象，以及每个对应一个月的对象数组作为其值。 每个对象均具有月份名称，在网站上注册的人数，捐赠的人数以及捐赠的总金额。

我只是很难遍历JSON并将其转换为该格式。 可以看看吗？ 我已经包括了我要获取的服务器数据以及如何对其进行格式化。 谢谢。

服务器数据：

$scope.serverData = {
"registration_by_month": [
    {
        "month": "November 2015",
        "registration_program": "Donor Program 1",
        "count": 3
    },
    {
        "month": "November 2015",
        "registration_program": "Donor Program 2",
        "count": 4
    },
    {
        "month": "December 2015",
        "registration_program": "Donor Program 1",
        "count": 5
    },
    {
        "month": "December 2015",
        "registration_program": "Donor Program 2",
        "count": 6
    }
],

"donors_by_month": [
    {
        "month": "November 2015",
        "registration_program": "Donor Program 1",
        "count": 2
    },
    {
        "month": "November 2015",
        "registration_program": "Donor Program 2",
        "count": 1
    },
    {
        "month": "December 2015",
        "registration_program": "Donor Program 1",
        "count": 2
    },
    {
        "month": "December 2015",
        "registration_program": "Donor Program 2",
        "count": 1
    }
],

"donated_amount_by_month": [
    {
        "month": "November 2015",
        "registration_program": "Donor Program 1",
        "amount": 100
    },
    {
        "month": "November 2015",
        "registration_program": "Donor Program 2",
        "amount": 200
    },
    {
        "month": "December 2015",
        "registration_program": "Donor Program 1",
        "amount": 50
    },
    {
        "month": "December 2015",
        "registration_program": "Donor Program 2",
        "amount": 40
    }
]

};

目标数据：

$scope.targetData = {
"Donor Program 1": [{month:"November 2015", registered:3, donors:2, donated_amount:100},{month:"December 2015", registered:4, donors:1, donated_amount:200}],
"Donor Program 2:": [{month:"November 2015", registered:5, donors:2, donated_amount:50},{month:"December 2015",registered:6, donors:1, donated_amount:40}]

};

Answer 1

这样尝试

 var temp = {};
 data.registration_by_month.forEach(function (x) {
     if (!temp[x.registration_program]) {
         temp[x.registration_program] = [];
     }
     var dtmon = data.donors_by_month.find(function (y) {
         return y.registration_program == x.registration_program;
     });
     var dnmon = data.donated_amount_by_month.find(function (y) {
         return y.registration_program == x.registration_program;
     });
     temp[x.registration_program].push({
             month: x.month,
             registered: x.count,
             donors: dtmon ? dtmon.count : 0,
             donated_amount: dnmon ? dnmon.amount : 0
     });

 });
console.log(temp);

的jsfiddle

编辑

IE和Opera中不支持.find 。

您可以尝试使用.filter代替

像这样

 var temp = {};
 data.registration_by_month.forEach(function (x) {
     if (!temp[x.registration_program]) {
         temp[x.registration_program] = [];
     }
     var dtmon = data.donors_by_month.filter(function (y) {
         return y.registration_program == x.registration_program;
     });
     var dnmon = data.donated_amount_by_month.filter(function (y) {
         return y.registration_program == x.registration_program;
     });
     temp[x.registration_program].push({
             month: x.month,
             registered: x.count,
             donors: dtmon.length > 0 ? dtmon[0].count : 0,
             donated_amount: dnmon.length > 0 ? dnmon[0].amount : 0
     });

 });

的jsfiddle