About
Loading

Looking for more tools?Check out toolskit.dev now!

JSONFormatter.dev is the online tool to parse, format, validate, and edit JSON data, within the browser.

JSONFormmater allows to find bugs in JSON data format and fix it quickly.

Most of the users and developers have concerns about online JSON Formatter tools, which may exchange data with servers and there might be the possibility of exposing sensitive data. We ensure all operations are performed within the browser and no network calls or data is exchanged to the server. It gives a peace of mind for any company and developers to trust online tools for day to day work.

What it offers?

  • JSON online formatter/beautifier/prettifer
  • JSON online editor
  • JSON online viewer
  • JSON online validator
  • JSON online minifier/compress

How to use?

To format JSON, type or paste your JSON data in the left editor, it will automatically format the JSON and output will be displayed on the right editor. Any errors will be reported in the header of the left editor highlighted in red. The tool also allows you to upload a .json or .txt file containing JSON data by clicking on the  Open button placed in the left editor toolbar. The editor automatically formats the uploaded JSON and displays it on the right editor. The file size is restricted to 2MB and any errors will be reported at the time of upload. There are various other controls provided in the right editor toolbar to clear, copy, minify, and download JSON data from the editor.

What is JSON?

JSON stands for JavaScript Object Notation. It is a text-based representation of structured data that is based on key-value pairs and ordered lists. JSON is commonly, but not exclusively, used to exchange information between web clients and web servers.  JSON is derived from JavaScript, and is supported either natively or through libraries in most major programming languages.

JSON is a generic data format with a minimal number of value types: strings, numbers, booleans, lists, objects, and null. Although the notation is a subset of JavaScript, these types are represented in all common programming languages, making JSON a good candidate to transmit data across language gaps.

JSON subsist as a string that is used to transmit data across two or more networks. To access data, one has to convert JSON into an original JavaScript object. This conversion is not a complicated issue since JavaScript has a universal JSON object that contains various methods.

JSON : JavaScript Object Notation

Let’s try to explore JSON and how we can define it. In general, JSON is a lightweight object format, is used to store data and transport over the network.

JSON stores data in the form of properties. Each property consists of key and value and enclosed with “”.

Syntax

{
  "key": "value"
}

Example

{
  "tool": "jsonformatter.dev"
}

Rules to define JSON property names (keys)

  • Property names must be camel-cased, ascii strings.
  • The first character must be a letter, an underscore (_) or a dollar sign ($).
  • Subsequent characters can be a letter, a digit, an underscore, or a dollar sign.
  • Reserved JavaScript keywords should be avoided (A list of reserved JavaScript keywords can be found below

Example

{
  "devTool": "Online JSONFormatter tool"
}

JSON Rules ( Style Guide)

  • Comments are not allowed inside JSON Object, let’s checkout the example.
  • In JSON Object, all property name and values are surrounded by double quotes "".
    Example

    {
      "website": "jsonformatter.dev",
      "isOnlineTool": true
    }

  • If property value is boolean or number, double quotes are not required.
    Example

    {
      "launchedIn": 2020,
      "isOnlineTool": true
    }

  • Naming conflicts: Each property name (key) should unique in JSON data.

Supported data types in JSON:

Number, String, boolean, array, null, Object. Check out example below

Example

{
  "name": null,
  "isActive": true,
  "year": 2020,
  "tools": [
    "Editor",
    "validator",
    "Formatter"
  ],
  "offers": {
    "price": "free to use"
  }
}