JSON is a data format that you will encounter very often when it comes to web development. It is frequently used to transfer data between computers, as we will demonstrate later in this course.
JSON stands for JavaScript Object Notation, so naturally, it has a structure similar to a JavaScript object.
json
1{
2 "firstName": "John",
3 "lastName": "Doe",
4 "age": "25",
5 "child": {
6 "id": "123"
7 }
8}In JavaScript, there are two methods under the JSON object. They allow you to convert JSON into a JavaScript object and vice versa.
The stringify() method converts objects into JSON:
javascript
1const obj = {
2 firstName: "John",
3 lastName: "Doe",
4 age: "25",
5 child: {
6 id: "123",
7 },
8};
9
10const json = JSON.stringify(obj);
11
12console.log(json);text
1{"firstName":"John","lastName":"Doe","age":"25","child":{"id":"123"}}And parse() converts JSON into an object:
javascript
1const json = `{"firstName":"John","lastName":"Doe","age":"25","child":{"id":"123"}}`;
2
3const obj = JSON.parse(json);
4
5console.log(obj.firstName);
6console.log(obj.lastName);
7console.log(obj.child.id);text
1John
2Doe
3123