Deserializing a JSON into a JavaScript object

0 0 1 minute read

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;">zambiatek</h1> 
    <h3>Deserializing a JSON into a JavaScript object</h3> 
    <p id="zambiatek"></p>
  
     
    <!-- Script to parse a string and return 
        JavaScript object -->
    <script> 
        var obj = JSON.parse('{"var1":"Hello", "var2":"Geeks!"}'); 
         
        document.getElementById("zambiatek").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">zambiatek</h1>
        <h3>Convert a string into a date object.</h3>
 
        <p id="zambiatek"></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("zambiatek").innerHTML = 
                             obj.name + ", " + obj.birth;
        </script>
</center>
</body>
 
</html>                    