Originally published at https://www.guru99.com
In this introduction to JSON for beginners, you will learn:
JSON is used to store information in an organized, and easy-to-access manner. Its full form is JavaScript Object Notation. It offers a human-readable collection of data which can be accessed logically.
Its filename extension for written programming code is .json
. The Internet Media type for JSON is application/json and the public.json is its Uniform Type Identifier. The file name extension is .json.
Here are the important benefits/ pros of using JSON:
Here are important landmarks that form the history of JSON:
Easy to use - JSON API offers high-level facade, which helps you to simplify commonly used use-cases.
Performance - JSON is quite fast as it consumes very less memory space, which is especially suitable for large object graphs or systems.
Free tool - JSON library is open source and free to use.
Doesn't require to create mapping - Jackson API provides default mapping for many objects to be serialized.
Clean JSON - Creates clean, and compatible JSON result that is easy to read.
Dependency - JSON library does not require any other library for processing.
Rules for JSON syntax are:
Important data type used in JSON are:
Following table displays number types:
Syntax:
var json-object-name = { string : number_value,......}
Example:
var obj = {salary: 2600}
It is a series of double-quoted Unicode characters and having backslash escaping.
The following table shows various string types:
Syntax:
var json-object-name = { string : "string value",…..}
Example:
var obj= {name: 'Andy'}
It stores only true or false values.
Syntax:
var json-object-name = {string : true/false, …..}
Example:
var obj = {active: 'true'}
Syntax:
[value, .......]
Example:
Showing an array storing multiple objects:
{ "eBooks":[ { "language":"Pascal", "edition":"third" }, { "language":"Python", "edition":"four" }, { "language":"SQL", "edition":"second" } ] }
Syntax:
{ string : value, ….. }
Example:
{ "id": 110, "language": "Python", "price": 1900, }
You can insert whitespace between a pair of tokens.
Example:
Syntax:
{string:" ",….}
Example:
var a = " Alex"; var b = "Steve";
The given code example defines how to use JSON to store information related to programming books along with edition and author name.
{ "book":[ { "id":"444", "language":"C", "edition":"First", "author":"Dennis Ritchie " }, { "id":"555", "language":"C++", "edition":"second", "author":" Bjarne Stroustrup " } ] }
Lets understand JSON format with another example. Here, JSON defines the first name, last name and id of a student.
{ "student": [{ "id":"01", "name": "Tom", "lastname": "Price" }, { "id":"02", "name": "Nick", "lastname": "Thameson" }
]
}
Here are some common applications of JSON:
Here is the prime difference between JSON vs. XML
{
“student”: [{ "id":"01", "name": "Tom", "lastname": "Price" }, { "id":"02", "name": "Nick", "lastname": "Thameson" }
]
}
<?xml version=“1.0” encoding=“UTF-8” ?>
<root>
<student>
<id>01</id>
<name>Tom</name>
<lastname>Price</lastname>
</student>
<student>
<id>02</id>
<name>Nick</name>
<lastname>Thameson</lastname>
</student>
</root>
Here are few advantages of JSON:
Here are important JSON tools:
JSONLint is an open-source project that is used as a validator and reformatter for JSON. It is a lightweight data-interchange format. Copy and paste, directly type, or input URL in the JSON validator tool to validate your JSON code.
Link: https://jsonlint.com
JSON Editor Online is a useful web-based tool. It allows you to edit, view, and format JSON. It displays your data side by side in a clear, editable code editor software.
Link: https://jsoneditoronline.org/
It is a tool which helps you to removes whitespaces and gives a JSON code that takes the least space.
Link: https://www.browserling.com/tools/json-minify
JSON to XML converter is a simple and effective tool which helps you to convert your JSON code.
Link: https://codebeautify.org/jsontoxml
JSON formatter helps you to solve the problem by formatting the JSON data so that it is easy to read and debug by a human.
Link: https://jsonformatter.curiousconcept.com/
Thanks for reading ❤
If you liked this post, please do share/like it with all of your programming buddies!
Follow us on Facebook | Twitter
☞ JavaScript Programming Tutorial - Full JavaScript Course for Beginners
☞ The complete beginner’s guide to JSON
☞ JSON Tutorial For Beginners | What is JSON | Learning JSON with JavaScript
#json #javascript #security #web-development