使用JavaScript將數組中相同ID的數據合并為單一對象并按餐食類型重新組織
在javascript開發中，經常需要處理將數組中具有相同ID的數據合并成單個對象，并根據其他屬性（例如餐食類型）重新組織數據的情況。本文將詳細介紹如何實現這一目標。
原始數據結構
假設我們有以下原始數據：
const dataList = [ { 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 expectedData = [ { id: "202301", jine1: 87.5, jine2: 1065.5, jine3: 23 }, { id: "202302", jine1: 181.5, jine2: 633.5, jine3: 10 } ];
其中jine1代表早餐金額，jine2代表中餐金額，jine3代表晚餐金額。
立即學習“Java免費學習筆記（深入）”；
實現方法
我們可以使用reduce方法來實現數據合并和重組。以下代碼展示了具體的實現步驟：
const result = Object.values(dataList.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; }, {}));
這段代碼首先使用reduce方法將數組按照id分組，并將每個id對應的對象存儲在一個對象中。然后，它遍歷每個對象，根據type屬性將jine值分配給相應的jine1，jine2或jine3屬性。最后，使用Object.values方法將結果轉換為數組。
這種方法簡潔高效，避免了復雜的循環嵌套，并且易于理解和維護。 它直接處理了數據，不需要額外的輔助函數。 如果餐食類型有更多種類，只需要在if語句中添加相應的判斷即可。
? 版權聲明
文章版權歸作者所有，未經允許請勿轉載。
THE END
