Node.js - 如何根據條件合並數組內的對象？

Question

在 Node.js 中，我有 3 組數據，例如

[
    {
        "userId":"54c7f3ef-64d4-40de-8100-d2ec81e8aaf3",
        "dailyData":159392.235451,
        "dailyDataInUSC":255.284807
    }
] 

和

[
    {
        "userId":"54c7f3ef-64d4-40de-8100-d2ec81e8aaf3",
        "monthlyData":159392.235451,
        "monthlyDataInUSC":255.284807
    }, 
    {
        "userId":"23fs6fds3-34k4-17de-3123-d2ec81e8aaf3",
        "monthlyData":349392.455451,
        "monthlyDataInUSC":655.234807
    }
] 

和

[
    {
        "userId":"54c7f3ef-64d4-40de-8100-d2ec81e8aaf3",
        "threeMonthsData":159392.235451,
        "threeMonthsDataInUSC":255.284807
    }, 
    {
        "userId":"23fs6fds3-34k4-17de-3123-d2ec81e8aaf3",
        "threeMonthsData":349392.455451,
        "threeMonthsDataInUSC":655.234807
    }, 
    {
        "userId":"34sdf34-67j4-54nd-6763-d2ec81e8aaf3",
        "threeMonthsData":6789392.455451,
        "threeMonthsDataInUSC":905.655807
    }
] 

如何根據數組內的userId （過濾器）將其與一個 object 結合起來。

例如，output 應該像

[
    {
        "userId":"54c7f3ef-64d4-40de-8100-d2ec81e8aaf3",
        "dailyData":159392.235451,
        "dailyDataInUSC":255.284807,
        "monthlyData":159392.235451,
        "monthlyDataInUSC":255.284807,
        "threeMonthsData":159392.235451,
        "threeMonthsDataInUSC":255.284807
    }
]

請幫助我實現這一目標。

Answer 1

可以使用spread 、 reduce和findIndex的組合來解決這個問題。

• 使用spread運算符將原始 arrays 組合成一個數組。
• 使用reduce按鍵對元素進行分組（在本例中為userId ）

像這樣的東西：

 const dailyData = [{"userId":"54c7f3ef-64d4-40de-8100-d2ec81e8aaf3","dailyData":159392.235451,"dailyDataInUSC":255.284807}]; const monthlyData = [{"userId":"54c7f3ef-64d4-40de-8100-d2ec81e8aaf3","monthlyData":159392.235451,"monthlyDataInUSC":255.284807}, {"userId":"23fs6fds3-34k4-17de-3123-d2ec81e8aaf3","monthlyData":349392.455451,"monthlyDataInUSC":655.234807}] const triMonthlyData = [{"userId":"54c7f3ef-64d4-40de-8100-d2ec81e8aaf3","threeMonthsData":159392.235451,"threeMonthsDataInUSC":255.284807}, {"userId":"23fs6fds3-34k4-17de-3123-d2ec81e8aaf3","threeMonthsData":349392.455451,"threeMonthsDataInUSC":655.234807}, {"userId":"34sdf34-67j4-54nd-6763-d2ec81e8aaf3","threeMonthsData":6789392.455451,"threeMonthsDataInUSC":905.655807}] const combinedData = [...dailyData, ...monthlyData, ...triMonthlyData].reduce((mergedResult, curElement) => { let matchingElementIdx = mergedResult.findIndex(ele => ele.userId === curElement.userId); if (matchingElementIdx.== -1) { mergedResult[matchingElementIdx] = {..,mergedResult[matchingElementIdx]. ..;curElement}. } else { mergedResult = [..,mergedResult; curElement]; } return mergedResult, }; []). console;log(combinedData);

Answer 2

const aa = () => {
  let aa = [
    {
      userId: "54c7f3ef-64d4-40de-8100-d2ec81e8aaf3",
      dailyData: 159392.235451,
      dailyDataInUSC: 255.284807
    }
  ];

  let bb = [
    {
      userId: "54c7f3ef-64d4-40de-8100-d2ec81e8aaf3",
      monthlyData: 159392.235451,
      monthlyDataInUSC: 255.284807
    },
    {
      userId: "23fs6fds3-34k4-17de-3123-d2ec81e8aaf3",
      monthlyData: 349392.455451,
      monthlyDataInUSC: 655.234807
    }
  ];

  let cc = [
    {
      userId: "54c7f3ef-64d4-40de-8100-d2ec81e8aaf3",
      threeMonthsData: 159392.235451,
      threeMonthsDataInUSC: 255.284807
    },
    {
      userId: "23fs6fds3-34k4-17de-3123-d2ec81e8aaf3",
      threeMonthsData: 349392.455451,
      threeMonthsDataInUSC: 655.234807
    },
    {
      userId: "34sdf34-67j4-54nd-6763-d2ec81e8aaf3",
      threeMonthsData: 6789392.455451,
      threeMonthsDataInUSC: 905.655807
    }
  ];

  let newArrObj = aa;
  bb.forEach(item => {
    let index = newArrObj.findIndex(item1 => item1.userId === item.userId);
    if (index === -1) {
      newArrObj = [...newArrObj, item];
    } else {
      newArrObj[index] = { ...newArrObj[index], ...item };
    }
  });
  cc.forEach(item => {
    let index = newArrObj.findIndex(item1 => item1.userId === item.userId);
    if (index === -1) {
      newArrObj = [...newArrObj, item];
    } else {
      newArrObj[index] = { ...newArrObj[index], ...item };
    }
  });
  console.log(newArrObj);
};