


How to merge array elements with the same ID into one object using JavaScript?
Apr 04, 2025 pm 05:09 PMJavaScript array element merging: Merge elements with the same ID into one object
In data processing, it is often necessary to merge array elements with the same ID into a single object. This article provides a JavaScript solution to convert array elements with the same ID but different attributes into a new array format.
Original data format:
const list = [ { id: "202301", jine: 23, type: "Dinner" }, { id: "202301", jine: 87.5, type: "Breakfast" }, { id: "202301", jine: 1065.5, type: "Chinese food" }, { id: "202302", jine: 10, type: "Dinner" }, { id: "202302", jine: 181.5, type: "Breakfast" }, { id: "202302", jine: 633.5, type: "Chinese food" } ];
Target data format:
const targetList = [ { id: "202301", jine1: 87.5, jine2: 1065.5, jine3: 23 }, { id: "202302", jine1: 181.5, jine2: 633.5, jine3: 10 } ];
Solution:
We will use the reduce
method to implement data conversion. This method iterates over the array and accumulates each element into a result object.
const result = Object.values(list.reduce((acc, curr) => { const { id, jine, type } = curr; if (!acc[id]) { acc[id] = { id }; } switch (type) { case 'breakfast': acc[id].jine1 = jine; break; case 'Chinese food': acc[id].jine2 = jine; break; case 'dinner': acc[id].jine3 = jine; break; } return acc; }, {})); console.log(result); // Output target data format
Code explanation:
-
reduce
method: Thereduce
method iterates overlist
array and accumulates each element into an objectacc
. -
acc[id]
: Useid
as key to store data intoacc
object. Ifid
does not exist, a new object is created. -
switch
statement: Assign thejine
value tojine1
,jine2
orjine3
according to the value oftype
attribute. -
Object.values
: Finally, use theObject.values
??method to convert theacc
object into an array to obtain the target data format.
This method is clear and concise, avoiding the use of external libraries, and directly using JavaScript built-in methods to implement data conversion. It's also easier to scale, if you need to deal with more types of dining, just add more case
in the switch
statement.
The above is the detailed content of How to merge array elements with the same ID into one object using JavaScript?. For more information, please follow other related articles on the PHP Chinese website!

Hot AI Tools

Undress AI Tool
Undress images for free

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics

With the vigorous development of the Internet, Korean comics (Korean comics) have won the love of more and more readers around the world with their exquisite painting style, fascinating plots and rich and diverse themes. If you want to travel anywhere, in the exciting Korean comic world, it is crucial to find a stable, free and resource-rich online reading platform. This article will provide you with a detailed guide to watching Korean comics online for free comics, helping you easily start your Korean comic journey.

The steps for troubleshooting and repairing Redis master-slave replication failures include: 1. Check the network connection and use ping or telnet to test connectivity; 2. Check the Redis configuration file to ensure that the replicaof and repl-timeout are set correctly; 3. Check the Redis log file and find error information; 4. If it is a network problem, try to restart the network device or switch the alternate path; 5. If it is a configuration problem, modify the configuration file; 6. If it is a data synchronization problem, use the SLAVEOF command to resync the data.

The quick location and processing steps for Redis cluster node failure are as follows: 1. Confirm the fault: Use the CLUSTERNODES command to view the node status. If the fail is displayed, the node will fail. 2. Determine the cause: Check the network, hardware, and configuration. Common problems include memory limits exceeding. 3. Repair and restore: Take measures based on the reasons, such as restarting the service, replacing the hardware or modifying the configuration. 4. Notes: Ensure data consistency, select appropriate failover policies, and establish monitoring and alarm systems.

Global cryptocurrency exchange Kucoin recently completed the formation of its European leadership team, appointing two highly-watched executives. This personnel change is part of Kucoin’s accelerated layout in the EU market, especially in response to the upcoming cryptoasset management regulations (MICAR). Currently, the company is advancing the relevant licensing process through the Austrian Financial Markets Authority (FMA) and introducing senior experts from traditional finance and crypto to strengthen its management. KucoinEU is currently actively communicating with the FMA to achieve full compliance operations with the goal of providing a complete cryptocurrency service within the European Economic Area (EEA). At this stage, the company has not yet conducted business within the EU or EEA and is about to obtain the corresponding license.

Redis and RabbitMQ each have their own advantages in performance and joint application scenarios. 1.Redis performs excellently in data reading and writing, with a latency of up to microseconds, suitable for high concurrency scenarios. 2.RabbitMQ focuses on messaging, latency at milliseconds, and supports multi-queue and consumer models. 3. In joint applications, Redis can be used for data storage, RabbitMQ handles asynchronous tasks, and improves system response speed and reliability.

Effective solutions to the problem of split brain in Redis cluster include: 1) Network configuration optimization to ensure connection stability; 2) Node monitoring and fault detection, real-time monitoring with tools; 3) Failover mechanism, setting high thresholds to avoid multiple master nodes; 4) Data consistency guarantee, using replication function to synchronize data; 5) Manual intervention and recovery, and manual processing if necessary.

Short-term crypto trading is risky, but it is one of the most favorable ways to make money. If you know how to apply the right strategy, the most important thing is to choose the right crypto assets, you can make a considerable profit, which is exactly what we are going to discuss today. Which currencies can make investors profit in the short term? How to choose? Recommended short-term profitable currencies in the currency circle How to choose short-term trading cryptocurrencies? Short-term transactions involve buying cryptocurrencies and holding them for a short period of time, ranging from minutes to days. This approach is both promising, risky and time-consuming as you need to constantly monitor the market. But that's not all; when choosing the right crypto assets, you should also pay attention to the following points:

Methods to synchronize Oracle with SQLServer include the use of ETL tools, database replication technology, third-party synchronization tools, and custom scripts. 1. ETL tools such as Informatica and Talend can be used for data extraction, conversion and loading. 2. Oracle's GoldenGate and SQLServer's ReplicationServices provide real-time or near-real-time synchronization. 3. Third-party tools such as Debezium and Attunity provide simplified configuration and powerful synchronization capabilities. 4. Custom scripts can be flexibly customized according to your needs using Python or Java.
