Deserializing a JSON into a JavaScript object
To Deserialize a JSON into a JavaScript object, here we will use a common method JSON.parse() method.
JavaScript Object Notation is used to exchange data to or from a web server or RESTFull API. The data received from a web server is always a string. In order to use that data you need to parse the data with JSON.parse() which will returns a JavaScript Object or Array of Objeccts.
Syntax:
JSON.parse( string, function )
Example 1:
<!DOCTYPE html> <html> <head> <title> Deserializing a JSON into a JavaScript object using JSON parse() Method </title> </head> <body> <center> <h1 style="color: green;">GeeksforGeeks</h1> <h3>Deserializing a JSON into a JavaScript object</h3> <p id="geeks"></p> <!-- Script to parse a string and return JavaScript object --> <script> var obj = JSON.parse('{"var1":"Hello", "var2":"Geeks!"}'); document.getElementById("geeks").innerHTML = obj.var1 + " " + obj.var2; </script> </center> </body> </html> |
chevron_right
filter_none
Output:
Example 2: Here we will use reviver function to parse a string and return the JavaScript object.
<!DOCTYPE html> <html> <body> <center> <h1 style="color:green">GeeksforGeeks</h1> <h3>Convert a string into a date object.</h3> <p id="geeks"></p> <script> var text = '{"name":" Pankaj_Singh",\ "birth":"1996-12-14", "city":"Jhansi"}'; var obj = JSON.parse(text); obj.birth = new Date(obj.birth); document.getElementById("geeks").innerHTML = obj.name + ", " + obj.birth; </script> </center> </body> </html> |
chevron_right
filter_none
Output:
- Supported Browser
- Chrome 4.0
- Firefox 3.5
- Opera 11.0
- Internet Explorer 8.0
- Safari 4.0
Recommended Posts:
- JavaScript | How to add an element to a JSON object?
- JavaScript | Add new attribute to JSON object
- Converting JSON text to JavaScript Object
- JavaScript | Check if a key exists inside a JSON object
- JSON | modify an array value of a JSON object
- Convert Java Object to Json String using Jackson API
- Convert Java Object to Json String using GSON
- Convert Json String to Java Object Using GSON
- Python | Ways to convert string to json object
- Javascript | JSON PHP
- JavaScript JSON
- JavaScript | JSON HTML
- JavaScript | JSON Arrays
- How to convert PHP array to JavaScript or JSON ?
- JavaScript | Remove a JSON attribute
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.
