Skip to content
Related Articles

Related Articles

Improve Article

Deserializing a JSON into a JavaScript object

  • Last Updated : 05 Jul, 2021

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;">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>                    

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">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>                   

Output: 
 

 

  • Chrome 4.0
  • Firefox 3.5
  • Opera 11.0
  • Internet Explorer 8.0
  • Safari 4.0

 




My Personal Notes arrow_drop_up
Recommended Articles
Page :