JavaScript

Introduction of JSON

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.
  1. A JSON object starts with { (left brace) and end with (Left braces ) }

  2. .name/value is defined by : (colon)

    Like { “Name”:”Neeraj”}

  3. .name/value pairs separated by , (comma)

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

  4. 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

  5. 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.

  6. 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. }  

  7. 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 ;  
    20.   
    21.         </script>  
    22.     </body>  
    23. </html>  

Member can be access using . (dot).
Ebook Download
View all
Learn
View all
Get Started

You need to be a premium member to use this feature. To access it, you'll have to upgrade your membership.

Become a sharper developer and jumpstart your career.

Basic

$0

$

. 00

monthly

For Basic members:

  • Standard Profile
  • Access learning courses
  • Access free e-books
  • 1x point
Premium

$20

$

. 00

monthly

For Premium members:

  • Earn 2x reward points
  • Premium profile with Verified check
  • Premium Avatar with status update
  • Learning courses
  • Unlimited Certifications and badges on profile
  • Unlimited Book downloads
  • Access to Premium content
  • Online Training
  • Unlimited PDF conversions and downloads
  • Professional Resume Writing
  • Interview Preparations Guide
  • 25 messages per month
  • 1 "Kodzu" avatar, basic
Elite

$45

$

. 00

monthly

For Elite members:

  • Bundle E-books
  • Access to all Learn Series
  • Unlimited Apply Jobs