CodesJava

Easy learning with example program codes

How to create json object from string in javascript?

We can use JSON.parse() or eval() function to create json object from string in javascript.

Using JSON.parse() function:

Syntax:

var obj = JSON.parse(textString);

Example:

<!DOCTYPE html>
<html>
<body>
 
<h2>Create json object from string.</h2>
 
<p id="testDemo"></p>
 
<script>
 var textString = '{"students":[' +
  '{"firstName":"Sandy","lastName":"Sethi" },' +
  '{"firstName":"Roxy","lastName":"Malik" },' +
  '{"firstName":"Sunil","lastName":"Antil" }]}';
 
 var obj = JSON.parse(textString);
 document.getElementById("testDemo").innerHTML =
 obj.students[0].firstName + " " + obj.students[0].lastName;
</script>
 
</body>
</html>
]}

Using eval() function:

Syntax:

var obj = eval ("(" + textString + ")");

Example:

<!DOCTYPE html>
<html>
<body>
 
<h2>Create json object from string.</h2>
 
<p id="testDemo"></p>
 
<script>
 var textString = '{"students":[' +
  '{"firstName":"Sandy","lastName":"Sethi" },' +
  '{"firstName":"Roxy","lastName":"Malik" },' +
  '{"firstName":"Sunil","lastName":"Antil" }]}';
 
 obj = eval ("(" + textString + ")");
 document.getElementById("testDemo").innerHTML =
 obj.students[1].firstName + " " + obj.students[1].lastName;
</script>
 
</body>
</html>
]}

 
Next Topic: How to access json object array in javascript?
Previous Topic: JSON format and data types.

 

Please follow and like us:
error
Posted in JSON   








Copyright © 2019 CodesJava DMCA.com Protection Status