JavaScript | JSON parse() Method
The JSON.parse() method in JavaScript is used to parse a JSON string which is written in a JSON format and return a JavaScript object.
Syntax:
JSON.parse( string, function )
Parameters: It accepts two parameter which are listed below:
- string: It is required parameter and it contains string which is written in JSON format.
- function: It is optional parameter and used to transform result. The function called for each item.
Example 1: This example parse a string and return the JavaScript object.
<!DOCTYPE html> <html> <head> <title> JavaScript JSON parse() Method </title> </head> <body> <h1>GeeksforGeeks</h1> <h2> JavaScript JSON parse() Method </h2> <p id="GFG"></p> <!-- Script to parse a string and return JavaScript object --> <script> var obj = JSON.parse('{"var1":"Hello", "var2":"Geeks!"}'); document.getElementById("GFG").innerHTML = obj.var1 + " " + obj.var2; </script> </body> </html> |
chevron_right
filter_none
Output:
Example 2: This example use reviver function to parse a string and return the JavaScript object.
<!DOCTYPE html> <html> <head> <title> JavaScript JSON parse() Method </title> </head> <body> <h1>GeeksforGeeks</h1> <h2> JavaScript JSON parse() Method </h2> <p id="GFG"></p> <!-- Script to parse a string and return JavaScript object --> <script> var text = '{ "var1":"Amanda", "gender":"male"}'; var obj = JSON.parse(text, function (key, value) { if (value == "male") { return ("female"); } else { return value; } }); document.getElementById("GFG").innerHTML = obj.var1 + ", " + obj.gender; </script> </body> </html> |
chevron_right
filter_none
Output:
Supported browsers: The browser supported by JavaScript JSON parse() method are listed below:
- Chrome 4.0
- Firefox 3.5
- Opera 11.0
- Internet Explorer 8.0
- Safari 4.0
Recommended Posts:
- JavaScript | Date.parse()
- JavaScript JSON
- Javascript | JSON PHP
- JavaScript | JSON HTML
- JavaScript | JSON Arrays
- JavaScript | How to add an element to a JSON object?
- JavaScript | JSON.stringify() with Examples
- JavaScript | Add new attribute to JSON object
- JavaScript | Convert an array to JSON
- How to convert PHP array to JavaScript or JSON ?
- JavaScript | Remove a JSON attribute
- Deserializing a JSON into a JavaScript object
- Converting JSON text to JavaScript Object
- How to pretty print JSON string in JavaScript ?
- JavaScript | Check if a key exists inside a JSON object
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.
