Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like 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.

Hey geek! The constant emerging technologies in the world of web development always keeps the excitement for this subject through the roof. But before you tackle the big projects, we suggest you start by learning the basics. Kickstart your web development journey by learning JS concepts with our JavaScript Course. Now at it's lowest price ever!

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 :