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 Objects.
Syntax:Â
Â
JSON.parse( string, function )
Example 1:Â
Â
html
<!DOCTYPE html> <html> Â
<head>     <title>     Deserializing a JSON into a JavaScript object         using JSON parse() Method    </title> </head> Â
<body> <center>    <h1 style="color: green;">neveropen</h1>     <h3>Deserializing a JSON into a JavaScript object</h3>     <p id="neveropen"></p>           <!-- Script to parse a string and return         JavaScript object -->    <script>         var obj = JSON.parse('{"var1":"Hello", "var2":"Geeks!"}');                  document.getElementById("neveropen").innerHTML                 = obj.var1 + " " + obj.var2;     </script>     </center></body> Â
</html>Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â |
Output:Â
Â
Example 2: Here we will use reviver function to parse a string and return the JavaScript object.Â
Â
html
<!DOCTYPE html><html>Â
<body>Â Â Â Â <center>Â Â Â Â Â Â Â Â <h1 style="color:green">neveropen</h1>Â Â Â Â Â Â Â Â <h3>Convert a string into a date object.</h3>Â
        <p id="neveropen"></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("neveropen").innerHTML =                              obj.name + ", " + obj.birth;        </script></center></body>Â
</html>Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â |
Output:Â
Â
Â
- Chrome 4.0
- Firefox 3.5
- Opera 11.0
- Internet Explorer 8.0
- Safari 4.0
Â
