JavaScript數(shù)組元素合併：將相同ID的元素合併到一個對像中
在數(shù)據(jù)處理中，經(jīng)常需要將具有相同ID的數(shù)組元素合併成單個對象。本文提供一種JavaScript解決方案，將具有相同ID但屬性不同的數(shù)組元素，轉(zhuǎn)換成新的數(shù)組格式。
原始數(shù)據(jù)格式：
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: "中餐" }
];
目標(biāo)數(shù)據(jù)格式：
const targetList = [
{ id: "202301", jine1: 87.5, jine2: 1065.5, jine3: 23 },
{ id: "202302", jine1: 181.5, jine2: 633.5, jine3: 10 }
];
解決方案：
我們將使用reduce方法實(shí)現(xiàn)數(shù)據(jù)轉(zhuǎn)換。該方法迭代數(shù)組，將每個元素累積到一個結(jié)果對像中。
const result = Object.values(list.reduce((acc, curr) => {
const { id, jine, type } = curr;
if (!acc[id]) {
acc[id] = { id };
}
switch (type) {
case '早餐': acc[id].jine1 = jine; break;
case '中餐': acc[id].jine2 = jine; break;
case '晚餐': acc[id].jine3 = jine; break;
}
return acc;
}, {}));
console.log(result); // 輸出目標(biāo)數(shù)據(jù)格式
代碼解釋：
-
reduce方法:reduce方法迭代list數(shù)組，將每個元素累積到一個對象acc中。 -
acc[id]:使用id作為鍵，將數(shù)據(jù)存儲到acc對像中。如果id不存在，則創(chuàng)建一個新的對象。 -
switch語句:根據(jù)type屬性的值，將jine值分別賦值給jine1、jine2或jine3。 -
Object.values:最後，使用Object.values方法將acc對象轉(zhuǎn)換為數(shù)組，得到目標(biāo)數(shù)據(jù)格式。
此方法清晰簡潔，避免了使用外部庫，直接利用JavaScript內(nèi)置方法實(shí)現(xiàn)數(shù)據(jù)轉(zhuǎn)換。 它也更易於擴(kuò)展，如果需要處理更多類型的餐飲，只需在switch語句中添加更多case即可。
以上是如何使用JavaScript將具有相同ID的數(shù)組元素合併到一個對像中？的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費(fèi)脫衣圖片
Undresser.AI Undress
人工智慧驅(qū)動的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費(fèi)的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費(fèi)的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強(qiáng)大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
韓漫在線觀看免費(fèi)漫畫入口 免費(fèi)韓漫在線閱讀免費(fèi)下拉式
Jun 12, 2025 pm 08:03 PM
隨著互聯(lián)網(wǎng)的蓬勃發(fā)展，韓漫（韓國漫畫）以其精美的畫風(fēng)、引人入勝的劇情和豐富多樣的題材，贏得了全球範(fàn)圍內(nèi)越來越多讀者的喜愛。想要隨時隨地暢遊在精彩的韓漫世界中，找到一個穩(wěn)定、免費(fèi)且資源豐富的在線閱讀平臺至關(guān)重要。本文將為您提供一份詳盡的韓漫在線觀看免費(fèi)漫畫入口指南，助您輕鬆開啟您的韓漫之旅。
Redis主從復(fù)制故障的排查與修復(fù)流程
Jun 04, 2025 pm 08:51 PM
Redis主從復(fù)制故障的排查與修復(fù)步驟包括：1.檢查網(wǎng)絡(luò)連接，使用ping或telnet測試連通性；2.檢查Redis配置文件，確保replicaof和repl-timeout設(shè)置正確；3.查看Redis日誌文件，查找錯誤信息；4.如果是網(wǎng)絡(luò)問題，嘗試重啟網(wǎng)絡(luò)設(shè)備或切換備用路徑；5.如果是配置問題，修改配置文件；6.如果是數(shù)據(jù)同步問題，使用SLAVEOF命令重新同步數(shù)據(jù)。
Redis集群節(jié)點(diǎn)故障的快速定位與處理
Jun 04, 2025 pm 08:54 PM
Redis集群節(jié)點(diǎn)故障的快速定位與處理步驟如下：1.確認(rèn)故障：使用CLUSTERNODES命令查看節(jié)點(diǎn)狀態(tài)，若顯示fail則節(jié)點(diǎn)故障。 2.確定原因：檢查網(wǎng)絡(luò)、硬件和配置，常見問題包括內(nèi)存限制超出。 3.修復(fù)與恢復(fù)：根據(jù)原因採取措施，如重啟服務(wù)、更換硬件或修正配置。 4.注意事項(xiàng)：確保數(shù)據(jù)一致性，選擇合適的故障轉(zhuǎn)移策略，建立監(jiān)控與告警系統(tǒng)。
Redis與RabbitMQ的性能對比與聯(lián)合應(yīng)用場景
Jun 04, 2025 pm 08:45 PM
Redis和RabbitMQ在性能和聯(lián)合應(yīng)用場景中各有優(yōu)勢。 1.Redis在數(shù)據(jù)讀寫上表現(xiàn)出色，延遲低至微秒級，適合高並發(fā)場景。 2.RabbitMQ專注於消息傳遞，延遲在毫秒級，支持多隊(duì)列和消費(fèi)者模型。 3.聯(lián)合應(yīng)用中，Redis可用於數(shù)據(jù)存儲，RabbitMQ處理異步任務(wù)，提升系統(tǒng)響應(yīng)速度和可靠性。
Kucoin任命兩名備受矚目的高管來完成其歐洲領(lǐng)導(dǎo)團(tuán)隊(duì)
Jun 12, 2025 am 10:45 AM
全球加密貨幣交易所Kucoin近日完成了其歐洲領(lǐng)導(dǎo)團(tuán)隊(duì)的組建，新任命了兩位備受關(guān)注的高管。這一人事變動是Kucoin在歐盟市場加速佈局的一部分，特別是在應(yīng)對即將實(shí)施的加密資產(chǎn)管理法規(guī)（MICAR）方面。目前，該公司正通過奧地利金融市場管理局（FMA）推進(jìn)相關(guān)許可流程，並引入來自傳統(tǒng)金融和加密領(lǐng)域的資深專家來強(qiáng)化其管理層。 KucoinEU目前正在與FMA積極溝通，以實(shí)現(xiàn)全面合規(guī)運(yùn)營，目標(biāo)是在歐洲經(jīng)濟(jì)區(qū)（EEA）內(nèi)提供完整的加密貨幣服務(wù)?，F(xiàn)階段，該公司尚未在歐盟或EEA範(fàn)圍內(nèi)開展業(yè)務(wù)，待取得相應(yīng)牌照
解決Redis集群腦裂問題的方法與策略
Jun 04, 2025 pm 08:42 PM
有效解決Redis集群腦裂問題的方法包括：1）網(wǎng)絡(luò)配置優(yōu)化，確保連接穩(wěn)定性；2）節(jié)點(diǎn)監(jiān)控和故障檢測，使用工具實(shí)時監(jiān)控；3）故障轉(zhuǎn)移機(jī)制，設(shè)置高閾值避免多主節(jié)點(diǎn)；4）數(shù)據(jù)一致性保證，使用複制功能同步數(shù)據(jù)；5）人工干預(yù)和恢復(fù)，必要時手動處理。
哪些幣種可以讓投資者短期獲利？如何選擇？幣圈短期獲利幣種推薦
Jun 12, 2025 am 11:21 AM
短期加密交易風(fēng)險很高，但它是賺錢的最有利方式之一。如果您知道如何應(yīng)用正確的策略，最重要的是選擇正確的加密資產(chǎn)，您可以獲得可觀的利潤，這正是我們今天要討論的內(nèi)容。哪些幣種可以讓投資者短期獲利？該如何選擇？幣圈短期獲利幣種推薦如何選擇短期交易的加密貨幣？短期交易涉及購買加密貨幣並持有短時間，從幾分鐘到幾天不等。這種方法既有前景，又具有風(fēng)險且耗時，因?yàn)槟枰粩啾O(jiān)控市場。但這還不是全部；在選擇合適的加密資產(chǎn)時，您還應(yīng)注意以下幾點(diǎn)：波動
實(shí)現(xiàn)Oracle數(shù)據(jù)庫與SQLServer數(shù)據(jù)庫的同步
Jun 04, 2025 pm 09:57 PM
實(shí)現(xiàn)Oracle與SQLServer同步的方法包括使用ETL工具、數(shù)據(jù)庫複製技術(shù)、第三方同步工具和自定義腳本。 1.ETL工具如Informatica和Talend可用於數(shù)據(jù)提取、轉(zhuǎn)換和加載。 2.Oracle的GoldenGate和SQLServer的ReplicationServices提供實(shí)時或近實(shí)時同步。 3.第三方工具如Debezium和Attunity提供簡化的配置和強(qiáng)大的同步功能。 4.自定義腳本使用Python或Java可根據(jù)需求靈活定制。
