- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
How to merge objects into a single object array with JavaScript?
Following is the code to merge objects into a single object array −
Example
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result,.sample { font-size: 18px; font-weight: 500; color: rebeccapurple; } .sample { color: red; } </style> </head> <body> <h1>Merge objects into a single object array</h1> <div class="sample"> [{id:22, class:7},{name:'Rohan', age:12},{state:'Delhi',country:'India'}] </div> <div class="result"><br /></div> <button class="Btn">CLICK HERE</button> <h3>Click on the above button to merge the above objects inside array into a single object</h3> <script> let resEle = document.querySelector(".result"); let BtnEle = document.querySelector(".Btn"); let personObj = [ { id: 22, class: 7 }, { name: "Rohan", age: 12 }, { state: "Delhi", country: "India" }, ]; BtnEle.addEventListener("click", () => { personObj = Object.assign(...personObj); for (let i in personObj) { resEle.innerHTML += "key = " + i + " : Value = " + personObj[i] + "<br>"; } }); </script> </body> </html>
Output
The above code will produce the following output −
On clicking the ‘CLICK HERE’ button −
- Related Articles
- How to Flatten JavaScript objects into a single-depth Object?
- JavaScript program to merge two objects into a single object and adds the values for same keys
- Merge objects in array with similar key JavaScript
- Flat a JavaScript array of objects into an object
- How to transform object of objects to object of array of objects with JavaScript?
- Merge object & sum a single property in JavaScript
- How to merge two different array of objects using JavaScript?
- JavaScript Converting array of objects into object of arrays
- How to merge two JavaScript objects?
- Merge arrays into a new object array in Java
- How to merge an array with an object where values are arrays - JavaScript
- Convert an array of objects into plain object in JavaScript
- Splitting an object into an array of objects in JavaScript
- How to merge two arrays with objects in one in JavaScript?
- How to Merge multiple CSV Files into a single Pandas dataframe ?

Advertisements