This site is mobile accessible. Press the "Tap Here" button to use a different font-size.
Smartphone icons created by Freepik - Flaticon
18.8 JSON Arrays
This is a JSON string:
'["Ford", "BMW", "Fiat"]'
Inside the JSON string there is a JSON array literal:
["Ford", "BMW", "Fiat"]
- Arrays in JSON are almost the same as arrays in JavaScript.
- In JSON, array values must be of type string, number, object, array, boolean or null.
- In JavaScript, array values can be all of the above, plus any other valid JavaScript expression, including functions, dates, and undefined.
JavaScript Arrays
You can create a JavaScript array from a literal:
myArray = ["Ford", "BMW", "Fiat"];
You can create a JavaScript array by parsing a JSON string:
myJSON = '["Ford", "BMW", "Fiat"]';
myArray = JSON.parse(myJSON);
Accessing Array Values
You access array values by index:
myArray[0];
Arrays in Objects
Objects can contain arrays:
Example
{
"name":"John",
"age":30,
"cars":["Ford", "BMW", "Fiat"]
}
You access array values by index:
myObj.cars[0];
Looping Through an Array
You can access array values by using a for in loop:
for (let i in myObj.cars) {
x += myObj.cars[i];
}
JavaScript icons used in the buttons provided by ICONS8.COM. Smartphone icons created by Freepik - Flaticon
Example files created in this module:
JSON Syntax - Access a JavaScript object part 1
JSON Syntax - Access a JavaScript object part 2
JSON Syntax - Modify a JavaScript Object part 1
JSON Syntax - Modify a JavaScript Object part 2
JSON Parse - Parsing JSON
JSON Parse - JSON From the Server
JSON Parse - Array as JSON
JSON Parse - Parsing Dates part 1
JSON Parse - Parsing Dates part 2
JSON Parse - Parsing Dates part 3
JSON Stringify - Stringify a JavaScript Object part 1
JSON Stringify - Stringify a JavaScript Object part 2
JSON Stringify - Storing data in local storage
JSON Stringify - Stringify Dates
JSON Stringify - Stringify Functions part 1
JSON Stringify - Stringify Functions part 2
JSON Objects - Creating an Object from a JSON Literal part 1
JSON Objects - Creating an Object from a JSON Literal part 2
JSON Objects - Access a JavaScript Object part 1
JSON Objects - Access a JavaScript Object part 2
JSON Objects - Looping an Object part 1
JSON Objects - Looping an Object part 2
JSON Arrays - Create JavaScript Arrays
JSON Arrays - Create JavaScript Arrays part 2
JSON Arrays - Accessing Array Values
JSON Arrays - Accessing Array Values in Objects
JSON Arrays - Looping Through an Array
JSON Server - Sending Data to a Server
JSON Server - Receiving Data from a Server
JSON Server - JSON From a Server
JSON Server - JSON returned from a server as an array:
JSON Server - Get JSON Data from a PHP Server part 1
JSON Server - Get JSON Data from a PHP Server part 2
JSON Server - Get JSON Data from a PHP Server part 3
JSON Server - Get JSON Data from a PHP Server part 4
JSON Server - Get JSON Data from a PHP Server part 5
JSON HTML - Make a table based on JSON data
JSON JSONP - Request JSON using the script tag
JSON JSONP - Dynamic Script Tag
JSON JSONP - Callback Function