JSON Formatter, Validator, Editor, Minifier, Parser and Viewer

JSON Formatter & Validator

JSON Formatter, Validator, Editor, Minifier, Parser and Viewer All In One Place

How To Use JSON Formatter & Validator?

In this section, you can learn how to use this tool for various JSON related purposes.

Use As JSON Formatter

Enter or paste the JSON in the JSON Formatter, Editor, Validator & Minifier input box.
Click the Format button,, and the JSON would be properly formatted for any valid JSON content.
For a quick copy, use the Copy button to copy the formatted JSON to clipboard.

Use As JSON Validator

Enter or paste the JSON in the JSON Formatter, Editor, Validator & Minifier input box.
Automatically the input will be validated, and a Valid JSON message will be displayed on the top-right corner if it's valid.
If the input JSON is invalid, a Invalid JSON message will be displayed on the top-right corner.

Use As JSON Editor

Enter or paste the JSON in the JSON Formatter, Editor, Validator & Minifier input box.
You can edit the JSON in the input box itself.
If the input JSON is invalid, a message will be displayed on the top-right corner.
For a quick copy, use the Copy button to copy the edited JSON to clipboard.
Click the Clear button to remove the JSON from the editor.

Use As JSON Minifier

Enter or paste the JSON in the JSON Formatter, Editor, Validator & Minifier input box.
Click the Minify button, and the JSON would be minified without any whitespace for any valid JSON content.
For a quick copy, use the Copy button to copy the minified JSON to clipboard.
If the input JSON is invalid, a message will be displayed on the top-right corner.

Use As JSON Viewer

Enter or paste the JSON in the JSON Formatter, Editor, Validator & Minifier input box.
For a valid JSON, human-readable JSON will be displayed in a tree format. It also provides a very interactive way to explore the JSON content.
If the input JSON is invalid, a message will be displayed on the top-right corner.
For a quick copy, use the Copy button to copy the edited JSON to clipboard.
Click the Clear button to remove the JSON from the editor.

Use As JSON Parser

Enter or paste the JSON in the JSON Formatter, Editor, Validator & Minifier input box.
For a valid JSON, the viewer will display the parsed content in a tree format. You can select any node of the JSON to view its details.
On the top of the JSON parser section, all the JSON data nodes will be displayed in a tree hierarchy which you can navigate easily.
To copy any specific node's value (be it a text, number, array or an object), select the particular node's attribute/value. A Copy icon will be displayed. Once you clicked it, the content of the chosen attribute will be copied to clipboard.
For any Object or Array type attribute, you can use the Expand Children icon to expand it's children attributes if any.
For any Object or Array type attribute, you can use the Collapse Children icon to collapse it's children attributes if any.

What Is JSON?

JSON is an acronym for JavaScript Object Notation, and it is a lightweight data exchange format between machines/systems. This format became very famous because it's straightforward for a human to read and write. It is a general data format used for browser and server communication in an asynchronous way as a replacement for XML.

How To Represent JSON Format?

JSON consist of two structures: Collection of name-value pairs and Ordered list of values. In other words, Object and Array data structures. JSON takes the below forms when it is used.

Object - An unordered set of name-value pairs.
Array - An ordered list of values.
Value - A string in double quotes, or a number, or true or false or null, or an object or an array.
String - A string is very much like any programming language's string data type.
Number - A number is very much like any programming language's number data type.

JSON Object Format Definition

Starts with left brace { and ends with right brace }
The naΩme and value are separated by colon :
Each name-value pair is separated by comma ,
Can be empty like { }

    {
      "displayLabel": "Apple",
      "description": "Delicious Fruit"
    }

JSON Array Format Definition

Starts with left bracket [ and ends with right bracket ]
Values are separated by comma ,
Can be empty like [ ]

    [
      "Apple",
      "Banana",
      "Mango"
    ]

JSON Value Format Definition

Can be a string in double quotes
Can be a number
Can be a boolean value true
Can be a boolean value false
Can be a null
Can be an object
Can be an array
These structures can be nested

    {
        "displayLabel": "Apple",
        "quantity": 100,
        "isDelicious": true,
        "isPreferred": false,
        "properties": {},
        "varieties": []
    }

JSON String Format Definition

Like any programming language's string data
A sequence of zero or more Unicode characters
Must be enclosed with double quotes
Can use backslash escapes
A character is represented as a single character string

JSON Number Format Definition

Like any programming language's number data
Octal and Hexadecimal formats are not used

References

You can refer below resources to know more about JSON.

Other Tools in Utiltree.com

Here are the other tools in Utiltree.com that you will find useful for your development, testing and blogging tasks.