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