JSON Arrays in JavaScript

JSON (JavaScript Object Notation) is a lightweight data-interchange format. It’s easy for humans to read/write and easy for machines to parse/generate.

What is a JSON Array?

• A JSON array is an ordered list of values enclosed in square brackets [ ].

• Values can be strings, numbers, objects, arrays, booleans, or null.

• JSON arrays are very similar to JavaScript arrays but in string format.

Example of JSON Array

[  "Apple",  "Banana",  "Cherry"]

This represents a list of strings.

Using JSON Arrays in JavaScript

1. Parsing JSON Array String into JavaScript Array

const jsonArrayStr = '["Apple", "Banana", "Cherry"]';// Convert JSON string to JavaScript arrayconst fruits = JSON.parse(jsonArrayStr);console.log(fruits);         // ["Apple", "Banana", "Cherry"]console.log(fruits[1]);      // Banana

2. Stringifying JavaScript Array to JSON Array String

const fruits = ["Apple", "Banana", "Cherry"];// Convert JavaScript array to JSON stringconst jsonStr = JSON.stringify(fruits);console.log(jsonStr); // '["Apple","Banana","Cherry"]'

3. JSON Array with Objects

[  { "id": 1, "name": "John" },  { "id": 2, "name": "Jane" }]

In JavaScript:

const jsonArrayStr = '[{"id":1,"name":"John"},{"id":2,"name":"Jane"}]';const users = JSON.parse(jsonArrayStr);console.log(users[0].name); // John

Summary

If you want, I can show you how to manipulate JSON arrays in JavaScript or how to fetch JSON arrays from APIs!