如何使用 JavaScript 合並不同的 JSON 對象？

Question

如何使用 JavaScript 合並這些 JSON 對象？

如果缺少一個鍵，則將 null 放在值的位置

轉換自：

[{"dateData": "2019-04-08", "geriatricDepressionScaleTotalScoreData": "5"}, 
{"dateData": "2019-04-09", "geriatricDepressionScaleTotalScoreData": "2"}]

[{"dateData": "2019-04-08", "digitSpanTotalScoreData": "10"},
{"dateData": "2019-04-09", "digitSpanTotalScoreData": "12"}]

[{"dateData": "2019-04-09", "immediateRecallStoryAData": "4", 
"delayedRecallStoryAData": "6"}]

[{"dateData": "2019-04-08", "phonologicalTotalData": "30"},
{"dateData": "2019-04-09", "phonologicalTotalData": "4"}]

轉換成：

[{"dateData": "2019-04-08", "geriatricDepressionScaleTotalScoreData": "5",
"digitSpanTotalScoreData": "10", "immediateRecallStoryAData": null,
"delayedRecallStoryAData": null, "phonologicalTotalData": "30"}, 
{"dateData": "2019-04-09", "geriatricDepressionScaleTotalScoreData": "2",
"digitSpanTotalScoreData": "12", "immediateRecallStoryAData": 4,
"delayedRecallStoryAData": 6, "phonologicalTotalData": "4"}]

Answer 1

您可以使用擴展運算符來做到這一點

var myArr = [{ "dateData": "2019-04-08", "geriatricDepressionScaleTotalScoreData": "5" }, { "dateData": "2019-04-09", "geriatricDepressionScaleTotalScoreData": "2" }];
    myArr.push(...[{ "dateData": "2019-04-08", "digitSpanTotalScoreData": "10" }, { "dateData": "2019-04-09", "digitSpanTotalScoreData": "12" }]);
    myArr.push(...[{ "dateData": "2019-04-09", "immediateRecallStoryAData": "4", "delayedRecallStoryAData": "6" }]);
    myArr.push(...[{ "dateData": "2019-04-08", "phonologicalTotalData": "30" }, { "dateData": "2019-04-09", "phonologicalTotalData": "4" }]);

    var final = JSON.stringify(myArr);
    console.log(final);

Answer 2

您可以使用 Array .map()函數將現有對象數組重新格式化為具有新重新格式化對象的新數組。

const arr = [{"dateData": "2019-04-08", "geriatricDepressionScaleTotalScoreData": "5"},
             {"dateData": "2019-04-09", "geriatricDepressionScaleTotalScoreData": "2"}];

const result = arr.map((el) => {
    const obj = {};
   obj['dateData'] = el.hasOwnProperty('dateData')?el['dateData'] :null;
   obj['geriatricDepressionScaleTotalScoreData'] = el.hasOwnProperty('geriatricDepressionScaleTotalScoreData')?el['geriatricDepressionScaleTotalScoreData'] :null;
   obj['digitSpanTotalScoreData'] = el.hasOwnProperty('digitSpanTotalScoreData')?el['digitSpanTotalScoreData'] :null;
   obj['immediateRecallStoryAData'] = el.hasOwnProperty('immediateRecallStoryAData')?el['immediateRecallStoryAData'] :null;
   obj['delayedRecallStoryAData'] = el.hasOwnProperty('delayedRecallStoryAData')?el['delayedRecallStoryAData'] :null;
   obj['phonologicalTotalData'] = el.hasOwnProperty('phonologicalTotalData')?el['phonologicalTotalData'] :null;

  return obj;
});