Javascript JSON Parsing is used to transfer data from client i.e (browser) to server and from server to the client(browser).When client receives data from the server then it will be in JSON string format. To access the receiving, convert it into an object using JSON.parse()
.
Let us suppose, receiving string data is:
var data = '{"name":"John", "age":30, "city":"New York"}';
Please keep in mind that ,here data
is JSON object. Let us convert it into javascript object using JSON.parse()
method.
var jsObject = JSON.parse(data);
Source Code
<script type="text/javascript">
const data =
'{"name":"Smith", "age":30, "job":"Designer","country":"india"}'
const obj = JSON.parse(data);
document.getElementById("result").innerHTML = obj.name + ", " + obj.job;
</script>
JSON array can be converted into javascript array using JSON.parse()
.Please keep in mind that the JSON array will be converted into a javascript array rather than a javascript object.
var fruits = '["Apple", "Mango", "Orange", "Grape"]';
var jsArray = JSON.parse(fruits);
Source Code
<script type="text/javascript">
var fruits = '["Apple", "Mango", "Orange", "Grape"]';
var jsArray = JSON.parse(fruits);
document.getElementById('result').innerHTML = jsArray[0] +","+ jsArray[2];
</script>
JSON does not allow function but it can be used inside JSON by placing function as a string and then converting it into function.
Source Code
<script type="text/javascript">
var data =
'{"name":"Smith", "cost":"function () {return 3000;}", "production":"Testing Machines"}';
var jsobj = JSON.parse(data);
jsobj.cost = eval("(" + jsobj.cost + ")");
document.getElementById("result").innerHTML = jsobj.name + ", " + jsobj.cost();
</script>