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
More Posts related to Json-Tutorial,
- JSON Schema Validator Libraries: JSON Tutorial
- JSON Syntax : JSON Tutorial
- JSON Tutorial: List of Lessons
- JSON Nest Objects Example: JSON Tutorial
- JSON Text to JavaScript Object using eval() Example: JSON Tutorial
- JSON Datatypes : Tutorial
- JSON with PHP Example: JSON Tutorial
- JSON Schema and Hyper-Schema : JSON Tutorial
More Posts:
- How to know if someone has read your WhatsApp message - WhatsApp
- Android Studio NoClassDefFoundError: java.awt.Toolkit - Android-Studio
- WhatsApp launches WhatsApp Web to Access Messages over web browser - WhatsApp
- What is Android Toast.LENGTH_SHORT and Toast. LENGTH_LONG durations - Android
- Check Wifi Connection static Android Programming - Android
- Android Constant and Resource Type Mismatches Lint - Android
- How to Word wrap eclipse console logs width - Eclipse
- How to hide Navigation bar from Android Screen Activity - Android
- Share image and text Twitter using your Android Application Programatically - Twitter
- WhatsApp Web escanner - WhatsApp
- Programmatically check if Facebook is installed on Android device - Android
- Install Apache Tomcat ver 8 on Mac OS X Yosemite 10.10 - Mac-OS-X
- Disable Control Scroll Zoom-in and Zoom-out in Notepad++ - NotepadPlusPlus
- Can we move apps like WhatsApp, Facebook to external MicroSD card - WhatsApp
- Java: Check Internet connection on Android Device (Wifi or Mobile) - Android