JSON and Object literals in javascript

Something Like that:
JSON and Object literals

What is JSON
JavaScript Object Notation

JSON

{
    "firstname": "Tony",
    "isAP": true
}

How to Convert Object to JSON in javascript

For that you need to create first html code.

HTML

<p>JSON Data =  <span id="demo"></span></p>

After that add this JS code.

JS

var objectliteral = {
    firstname: 'Tony',
    isAP: true
}
document.getElementById("demo").innerHTML = JSON.stringify(objectliteral);

[codepen_embed height=”265″ theme_id=”0″ slug_hash=”mMWBPp” default_tab=”result” user=”pradeepanvi”]See the Pen JSON and Object literals in javascript by Pradeep Kumar (@pradeepanvi) on CodePen.[/codepen_embed]

Now you can see

JSON Data = {“firstname”:”Tony”,”isAP”:true}

Now I want to convert JSON to Object
How to convert JSON to Object in javascript

For that you need to create first html code.

HTML

<p>JSON Data =  <span id="demo"></span></p>

After that add this JS code.

JS

var jsonValue = JSON.parse('{ "firstname":"Tony", "isAP":true}');
document.getElementById("demo").innerHTML = jsonValue;

[codepen_embed height=”265″ theme_id=”0″ slug_hash=”yoMzam” default_tab=”result” user=”pradeepanvi”]See the Pen Convert JSON to Object in javascript by Pradeep Kumar (@pradeepanvi) on CodePen.[/codepen_embed]

Now you can see

Object Data = [object Object]

Leave a Reply

Your email address will not be published. Required fields are marked *