- 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
Parsing array of objects inside an object using maps or forEach using JavaScript?
Following is the code to parse array of objects inside an object using maps or forEach using JavaScript −
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 { font-size: 18px; font-weight: 500; color: rebeccapurple; } </style> </head> <body> <h1>Parse array of objects inside object</h1> <div class="result"></div> <button class="Btn">CLICK HERE</button> <h3>Click on the above button to parse the json object</h3> <script> let json = { storeData: [ { items: [ { itemID: 12, cost: { costNum: 100, }, }, { itemID: 22, cost: { costNum: 250, }, }, { itemID: 19, cost: { costNum: 350, }, }, ], }, ], }; let resEle = document.querySelector(".result"); document.querySelector(".Btn").addEventListener("click", () => { let sum = 0; json.storeData.map((ele) => ({ itemPrice: ele.items.forEach((item) => { resEle.innerHTML += "itemID : " + item.itemID + " : costNum : " + item.cost.costNum + "<br>"; }), })); }); </script> </body> </html>
Output
The above code will produce the following output −
On clicking the ‘CLICK HERE’ button −
- Related Articles
- How to parse array of objects inside another object using maps or forEach?
- Parsing JSON array with PHP foreach
- Converting array of objects to an object of objects in JavaScript
- Splitting an object into an array of objects in JavaScript
- How to find inside an array of objects the object that holds the highest value in JavaScript?
- Using methods of array on array of JavaScript objects?
- Flat a JavaScript array of objects into an object
- Converting array of objects to an object in JavaScript
- Using a JavaScript object inside a static() method?
- Convert an array of objects into plain object in JavaScript
- Group objects inside the nested array JavaScript
- Convert array of objects to an object of arrays in JavaScript
- How to transform JavaScript arrays using maps?
- How to create JavaScript objects using object() constructor?
- Finding average age from array of Objects using JavaScript

Advertisements