如何使用JavaScript將具有相同ID的數組對象按類型合併並分配金額？

本文介紹如何使用JavaScript處理數組，將具有相同ID的對象合併成一個新對象，並根據不同類型（早餐、中餐、晚餐）分配金額到不同的字段。

假設我們有一個包含多個對象的數組，每個對像都有id 、 jine （金額）和type （類型）字段。目標是將這些數據轉換成另一種格式，其中每個id對應的數據合併成一個對象，並將jine值根據type分配到jine1 （早餐）、 jine2 （中餐）、 jine3 （晚餐）字段。

原始數據：

 const list = [
    { id: "202301", jine: 23, type: "晚餐" },
    { id: "202301", jine: 87.5, type: "早餐" },
    { id: "202301", jine: 1065.5, type: "中餐" },
    { id: "202302", jine: 10, type: "晚餐" },
    { id: "202302", jine: 181.5, type: "早餐" },
    { id: "202302", jine: 633.5, type: "中餐" }
];

目標格式：

 const expectedList = [
    { id: "202301", jine1: 87.5, jine2: 1065.5, jine3: 23 },
    { id: "202302", jine1: 181.5, jine2: 633.5, jine3: 10 }
];

為了實現這個目標，我們可以使用reduce方法來迭代數組，並創建一個新的對象來存儲結果。

解決方案：

 const result = Object.values(list.reduce((acc, curr) => {
    if (!acc[curr.id]) {
        acc[curr.id] = { id: curr.id, jine1: 0, jine2: 0, jine3: 0 };
    }
    if (curr.type === '早餐') acc[curr.id].jine1 = curr.jine;
    if (curr.type === '中餐') acc[curr.id].jine2 = curr.jine;
    if (curr.type === '晚餐') acc[curr.id].jine3 = curr.jine;
    return acc;
}, {}));

console.log(result); // 輸出目標格式的數組

這段代碼首先使用reduce方法將原始數組轉換成一個對象，鍵為id ，值為包含jine1 、 jine2 、 jine3的對象。然後使用Object.values方法將該對象轉換成數組。 reduce方法中，我們檢查acc中是否存在當前id ，如果不存在則創建一個新對象，並將jine值根據type分配到對應的字段。

這個方法避免了使用Object.groupBy和find方法，提高了代碼的可讀性和效率，並且更直接地處理了數據合併和金額分配。 它也更穩健，因為不需要處理find方法可能返回undefined的情況。

以上是如何使用JavaScript將具有相同ID的數組對象按類型合併並分配金額？的詳細內容。更多資訊請關注PHP中文網其他相關文章！