Node.js-如何根據條件合并陣列內的物件？

在 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陣列內的（過濾器）將其組合到一個物件中。

例如，輸出應該像

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

請幫助我實作這一目標。

uj5u.com熱心網友回復：

spread、reduce和的組合findIndex可用于解決問題。

• 使用spread運算子將原始陣列合并為一個陣列。
• 用于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);

uj5u.com熱心網友回復：

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);
};

標籤：javascript 节点.js 数组 目的 散列

上一篇：在詳細資訊頁面上反應NavLink活動類名

下一篇：嘗試使用sequelize存盤用戶時出現意外錯誤