- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- 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 parse array of objects inside another object using maps or forEach?
Following is the code to parse array of objects inside another object using maps or forEach −
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 −
Updated on 18-Jul-2020 08:05:09
- Related Questions & Answers
- Parsing array of objects inside an object using maps or forEach using JavaScript?
- How to use a variable inside a Foreach-Object Parallel?
- How to transform object of objects to object of array of objects with JavaScript?
- How to get a specific object from array of objects inside specific MongoDB document?
- How to parse JSON Objects on Android using Kotlin?
- Creating an array of objects based on another array of objects JavaScript
- Filter JavaScript array of objects with another array
- Converting array of objects to an object of objects in JavaScript
- How to find inside an array of objects the object that holds the highest value in JavaScript?
- How to parse JSON Objects on Android?
- MongoDB query to find multiple matchings inside array of objects?
- Convert object of objects to array in JavaScript
- Convert object to array of objects in JavaScript
- Group objects inside the nested array JavaScript
- How to read/parse JSON array using Java?
Advertisements