Introduction of JSON

Neeraj Kumar
9y
2.3k
0
3

Blog

JSON ( Java Script Object Notation) is a lightweight data interchange format compared to XML.

JSON format is easy to read and write for developers and supports text format.

A JSON object starts with { (left brace) and end with (Left braces ) }
.name/value is defined by : (colon)

Like { “Name”:”Neeraj”}
.name/value pairs separated by , (comma)

{“first”:”Neeraj”,”second”:”Kumar”}
JSON data Structure:

Object:

{“key1”:”value1”,”key2”:”value2”}

Ex:

{“first”:”Neeraj”,”second”:”Kumar”}

Array:

[“first”,”second”,”third”]

Number:

12 23

String:

“this is a text”

Boolean:

True False
Personal information about a Person in JOSN:
1. {
2. “name”:”Neeraj Kumar”,
3. “birthday”:”November 5 1994”,
4. “address”: “Behind atta Mandir , Alwar ,Rajasthan ,INDIA”
5. }
Other way of representing same information in JSON:
1. {“first_name”: ”Neeraj”,
2. “last_name”: ”Kumar”,
3. “birthday”: ”11 - 5 - 1994”“address”: {“street”: ”Behind Atta Mandir”,
4. “City”: ”Alwar”,
5. “State”: ”Rajasthan”,
6. “Country”: ”INDIA”
7. }
8. }
Both are same but second example clears all information about the person and it is a formal way of representing the data of a person.
JSON Schema according to Second Example:
1. {
2. "type": "object",
3. "properties": {
4. "first_name": {
5. "type": "string"
6. },
7. "last_name": {
8. "type": "string"
9. },
10. "birthday": {
11. "type": "string",
12. "format": "date-time"
13. },
14. "address": {
15. "type": "object",
16. "properties": {
17. "street": {
18. "type": "string"
19. },
20. "city": {
21. "type": "string"
22. },
23. "State": {
24. "type": "string"
25. },
26. "Country": {
27. "type": "string"
28. }
29. }
30. }
31. }
32. }
JSON Object in javascript:
1. Var jsObject=JSON.parse(data);
Ex:
1. <html>
2. <title>JSON object in javascript</title>
3. <body>
4. <h2 id="jsonobject"></h2>
5. <script>
6. var myProfile = '{"first_name":"Neeraj Kumar","last_name":"Kumar","address":{"street":"Behind atta mandir","city":"Alwar","State":"Rajasthan","Country":"INDIA"}}';
7. var jsObject = JSON.parse(myProfile);
8. document.getElementById("jsonobject ").innerHTML =
9. jsObject.first_name + "
10. <br>" +
11. jsObject.last_name + "
12. <br>" +
13. jsObject.address.street + "
14. <br>" +
15. jsObject.address.city + "
16. <br>" +
17. jsObject.address.State + "
18. <br>" +
19. jsObject.address.Country ;
21. </script>
22. </body>
23. </html>

Member can be access using . (dot).

Up Next

Creating Json File And Searching Data From Json File Using JavaScript

Ebook Download

View all

JavaScript Interview

Read by 0 people

Download Now!

Learn

View all