How to Pretty Print JSON String in JavaScript?

To pretty print JSON, you can format JSON strings with proper indentation, making them easy to read and debug. In JavaScript, you can achieve this using JSON.stringify() with optional parameters to specify the indentation level.

• Pretty printing JSON adds line breaks and spaces for readability.
• It is commonly used for debugging or displaying JSON in a readable format.
• The JSON.stringify() method helps format JSON data with indentation.

{
 "name": "Rahul",
 "age": 30,
 "city": "Mumbai"
}

How Pretty Printing Works

1. JSON.stringify() with Indentation

The JSON.stringify() method takes three arguments:

• The JSON object to stringify.
• A replacer function (optional).
• The number of spaces for indentation (optional).

2. Proper Spacing for Readability

By providing an indentation value, you can control the amount of spacing for nested elements.

Syntax

JSON.stringify(value[, replacer[, space]]);

• value: The JSON object or array to convert into a string.
• replacer (optional): A function or array to filter properties.
• space (optional): Number of spaces or a string for indentation.

Format JSON with 4 Spaces

{
 "name": "Anjali",
 "profession": "Developer",
 "skills": [
 "JavaScript",
 "Python"
 ]
}

Use Cases of Pretty Printing JSON

1. Debugging JSON Data

When dealing with complex JSON data, pretty printing helps debug issues effectively.

{
 "name": "Vikas",
 "details": {
 "age": 25,
 "city": "Delhi"
 }
}

2. Saving Pretty JSON to Files

Pretty JSON can be written to files for better organization.

3. Display JSON in Web Applications

You can display formatted JSON in your web app using <pre> tags.