We can have Nested JSON Objects.
Nested JSON Object :{
"emp1" : {
"EmpName" : "Chris Jackman",
"EmpAge" : "34",
"EmpGender" : "Male",
"EmpDept" : "IT",
"EmpDesg" : "Project Manager"
},
"emp2" : {
"EmpName" : "Mary Jane",
"EmpAge" : "27",
"EmpGender" : "Female",
"EmpDept" : "IT",
"EmpDesg" : "Team Leader"
}
}
Accessing data from Nested JSON objects is much easier to understand.
Example :Below example has a nest JSON object employees, note we can access nested objects objName.nestedObjName.Name
<html>
<head>
<script type="text/javascript">
function jsonNestedExample() {
//Nest JSON Object Example
var employees = {
"emp1" : {
"EmpName" : "Chris Jackman",
"EmpAge" : "34",
"EmpGender" : "Male",
"EmpDept" : "IT",
"EmpDesg" : "Project Manager"
},
"emp2" : {
"EmpName" : "Mary Jane",
"EmpAge" : "27",
"EmpGender" : "Female",
"EmpDept" : "IT",
"EmpDesg" : "Team Leader"
}
}
var data = "";
data = data + "Name : " + employees.emp1.EmpName + "<br>";
data = data + "Age : " + employees.emp1.EmpAge + "<br>";
data = data + "Gender : " + employees.emp1.EmpGender + "<br>";
data = data + "Department : " + employees.emp1.EmpDept + "<br>";
data = data + "Designation : " + employees.emp1.EmpDesg + "<br><br>";
data = data + "Name : " + employees.emp2.EmpName + "<br>";
data = data + "Age : " + employees.emp2.EmpAge + "<br>";
data = data + "Gender : " + employees.emp2.EmpGender + "<br>";
data = data + "Department : " + employees.emp2.EmpDept + "<br>";
data = data + "Designation : " + employees.emp2.EmpDesg + "<br><br>";
document.getElementById("employees").innerHTML = data;
}
</script>
</head>
<body onload="jsonNestedExample();">
<div id="employees"></div>
</body>
</html>
Output:
Name : Chris Jackman
Age : 34
Gender : Male
Department : IT
Song : Project Manager
Name : Mary Jane
Age : 27
Gender : Female
Department : IT
Song : Team Leader
- JSON Text to JavaScript Object using eval() Example: JSON Tutorial
- JSON Tutorial: List of Lessons
- JSON Schema and Hyper-Schema : JSON Tutorial
- JSON with PHP Example: JSON Tutorial
- JSON Nest Objects Example: JSON Tutorial
- JSON Schema Validator Libraries: JSON Tutorial
- JSON Syntax : JSON Tutorial
- JSON Datatypes : Tutorial
- How to install homebrew (brew) on M1 Mac - MacOS
- How to Split a String in Python? - Python
- Center Align Android TextView Text - Android
- Unsupported major.minor version 52.0 in java - Java
- How to add hint text in bootstrap input text field and text area - Bootstrap
- How to remove old 404 pages ulrs from Google crawler - Html
- Static IP MTNL available at Rs. 200 per month - HowTos
- Task is ambiguous in root project gradle-examples. Candidates are: myTask1, myTask2 - Gradle