JSON Objects
Object Syntax
Example
{
"name":"John", "age":30, "car":null }
JSON objects are surrounded by curly braces {}.
JSON objects are written in key/value pairs.
Keys must be strings, and values must be a valid JSON data type (string, number, object, array, boolean or null).
Keys and values are separated by a colon.
Each key/value pair is separated by a comma.
Accessing Object Values
You can access the object values by using dot (.) notation:
You can also access the object values by using bracket ([]) notation:
Looping an Object
You can loop through object properties by using the for-in loop:
Example
myObj =
{
"name":"John", "age":30, "car":null };
for (x in myObj) {
document.getElementById("demo").innerHTML
+= x;
}
Try it Yourself »
In a for-in loop, use the bracket notation to access the property values:
Example
myObj =
{
"name":"John", "age":30, "car":null };
for (x in myObj) {
document.getElementById("demo").innerHTML
+= myObj[x];
}
Try it Yourself »
Nested JSON Objects
Values in a JSON object can be another JSON object.
Example
myObj =
{
"name":"John",
"age":30,
"cars": {
"car1":"Ford",
"car2":"BMW",
"car3":"Fiat"
}
}
You can access nested JSON objects by using the dot notation or bracket notation:
Modify Values
You can use the dot notation to modify any value in a JSON object:
You can also use the bracket notation to modify a value in a JSON object:
Delete Object Properties
Use the delete keyword to delete properties from a JSON object:
