JavaScript Q&A Logo
JavaScript Q&A Part of the Q&A Topic Learning Network
Real Questions. Clear Answers.
Ask any question about JavaScript here... and get an instant response.
Q&A Balloon Q&A Logo
Post this Question & Answer:

How can I merge two arrays of objects by a unique key in JavaScript while preserving all properties?

Asked on Oct 22, 2025

Answer

To merge two arrays of objects by a unique key in JavaScript while preserving all properties, you can use the "map" and "reduce" methods. This approach ensures that objects with the same key are combined into a single object.
<!-- BEGIN COPY / PASTE -->
        const array1 = [
            { id: 1, name: "Alice" },
            { id: 2, name: "Bob" }
        ];

        const array2 = [
            { id: 1, age: 25 },
            { id: 3, name: "Charlie" }
        ];

        const mergedArray = [...array1, ...array2].reduce((acc, obj) => {
            const existing = acc.find(item => item.id === obj.id);
            if (existing) {
                Object.assign(existing, obj);
            } else {
                acc.push(obj);
            }
            return acc;
        }, []);

        console.log(mergedArray);
        <!-- END COPY / PASTE -->
Additional Comment:
  • This code uses the "reduce" method to iterate over the combined arrays.
  • The "find" method checks if an object with the same "id" already exists in the accumulator.
  • "Object.assign" merges properties of objects with the same "id".
  • The result is an array where objects with the same "id" are merged, preserving all properties.
✅ Answered with JavaScript best practices.
← Back to All Questions

Q&A Network
Real Questions. Clear Answers.
JavaScript
Ask Questions / Get Answers about JavaScript!
Cybersecurity
Ask Questions / Get Answers about Cybersecurity!
Quantum
Ask Questions / Get Answers about Quantum Computing!
AI Video
Ask Questions / Get Answers about AI Video!
Robotics
Ask Questions / Get Answers about Robotics!
AI
Ask Questions / Get Answers about AI!
Photography
Ask Questions / Get Answers about Photography!
Networking
Ask Questions / Get Answers about Networking!
Graphic Design
Ask Questions / Get Answers about Graphic Design!
Web Development
Ask Questions / Get Answers about Web Development!
AI Images
Ask Questions / Get Answers about AI Images!
Analytics
Ask Questions / Get Answers about Analytics!
DevOps
Ask Questions / Get Answers about DevOps!
AI Business
Ask Questions / Get Answers about AI Business!
SEO
Ask Questions / Get Answers about SEO!
Monetization
Ask Questions / Get Answers about Ad & Monetization!
Motion Graphics
Ask Questions / Get Answers about Motion Graphics!
Security
Ask Questions / Get Answers about Website Security!
AI Ethics
Ask Questions / Get Answers about AI Ethics!
Bootstrap
Ask Questions / Get Answers about Bootstrap!
Creative Writing
Ask Questions / Get Answers about Creative Writing!
Web Hosting
Ask Questions / Get Answers about Hosting!
Digital Burnout
Ask Questions / Get Answers about Digital Burnout!
HTML
Ask Questions / Get Answers about HTML!
MobileDev
Ask Questions / Get Answers about Mobile Developement!
VR & AR
Ask Questions / Get Answers about VR & AR!
Cloud Computing
Ask Questions / Get Answers about Cloud Computing!
Sound Design
Ask Questions / Get Answers about Sound Design!
CSS
Ask Questions / Get Answers about CSS!
Illustration
Ask Questions / Get Answers about Illustration!
Animation
Ask Questions / Get Answers about Animation!
Business Finance
Ask Questions / Get Answers about Business Finance!
Podcasting
Ask Questions / Get Answers about Podcasting!
Web Languages
Ask Questions / Get Answers about Web Languages!
AI Marketing
Ask Questions / Get Answers about AI Marketing!
Film Production
Ask Questions / Get Answers about Film Production!
Performance
Ask Questions / Get Answers about Web Vitals!
Data Science
Ask Questions / Get Answers about Data Science!
AI Audio
Ask Questions / Get Answers about AI Audio!
AI Education
Ask Questions / Get Answers about AI Education!
Social Media Psychology
Ask Questions / Get Answers about Social Media Psychology!
UI/UX Design
Ask Questions / Get Answers about UI/UX Design!
Tailwind
Ask Questions / Get Answers about Tailwind!
IoT
Ask Questions / Get Answers about IoT!
AI Writing
Ask Questions / Get Answers about AI Writing!
WordPress
Ask Questions / Get Answers about WordPress!
Chatbots
Ask Questions / Get Answers about Chatbots!
AI Design
Ask Questions / Get Answers about AI Design!
AI Coding
Ask Questions / Get Answers about AI Coding!
Nursing
Ask Questions / Get Answers about Nursing!
3D Design
Ask Questions / Get Answers about 3D Design!
Video Editing
Ask Questions / Get Answers about Video Editing!