How to useJSON.parse() in Javascript

The JSON.parse() method in JavaScript is used to parse a JSON string which is written in a JSON format and returns a JavaScript object.

Syntax:

JSON.parse( string, function )

Example: In this example, we have a JSON string representing book details. We use JSON.parse() to convert it into a JavaScript object.

Javascript




const jsonString =
    `{"bookname" : "geekforgeeks"
      "author" : "bharat"
      "releaseYear" : "2001"}`;
const jsonObject = JSON.parse(jsonString);
  
console.log(jsonObject);


Output

{ bookname: 'geekforgeeks', author: 'bharat', releaseYear: '2001' }

How to change JSON String into an Object in JavaScript ?

In this article we are going to learn how to change JSON String into an object in javascript, JSON stands for JavaScript object notation. It is the plain format used frequently as a communication medium on the internet. It appears close to OOP language like JavaScript but cannot be accessed like JavaScript. It consists of properties enclosed within flower braces.

Syntax:

{
"prop1" : "value1",
"prop2" : "value2"
...
}

In JavaScript, we write the same JSON content in the form of a string, and hence we cannot access the properties described in the JSON string as we do in objects.

const jsonString = ‘{“bookname” : “geekforgeeks”, “author” : “bharat”, “releaseYear” : “2001”}’;

This is what the JSON string looks like, we cannot manipulate it as it is immutable and hence we need to convert it purely into a JavaScript object so that we can access each individual property with a JavaScript object access method.

There are several methods that can be used to change JSON String into an Object.

We will explore all the above methods along with their basic implementation with the help of examples.

Similar Reads

Approach 1: Using JSON.parse()

The JSON.parse() method in JavaScript is used to parse a JSON string which is written in a JSON format and returns a JavaScript object....

Approach 2: Using String.prototype.replace() with a regex pattern

...

Approach 3: Using Function() constructor

In this approach The regex pattern / “(\w+)”\s*:/g matches property names in double quotes, removing any spaces before colons. replace() corrects the JSON string, enabling JSON.parse() to create a JavaScript object....

Approach 4: Using JSON.parse() with a try-catch block

...