JavaScript JSON


JSON is a human-readable text that is an open-standard file format. It's also easy for machines to parse and generate.

JSON is a syntax used for storing and exchanging data and serializing objects, arrays, numbers, strings, booleans, and null. It is based upon JavaScript syntax but is still different from it and some JavaScript is not JSON.

Objects and Arrays: All property names shall have double-quoted strings and trailing commas are forbidden.

Numbers: Leading zeros are prohibited and will be ignored or throw an error. A decimal point must be followed by one digit or more.


Describe an object

This shows an how we can use JSON to describe an object. In this case a person.
JS JavaScript - Describe an object

	"firstName": "Chuck",
	"lastName": "Brown",
	"male": true,
	"age": 33,
	"address": {
	"streetAddress": "23 Bumble street",
	"city": "Honneytown",
	"state": "MN",
	"postalCode": "1234-456"
"phoneNumbers": [
	"type": "work",
	"number": "4567665543-4444"
	"type": "office",
	"number": "343434-4545"
	"type": "mobile",
	"number": "11111111-22222"
	"children": [],
	"spouse": null

Learn more about JavaScript Objects

JSON Schema

The JSON Schema is used to specifiy a JSON-based format.  It defines the structure of JSON data for validation, documentation, and interaction control. It's like a contract for the JSON data that is needed and in what way that data can be modified.

The concept is similar to the XSD concept and like in XSD, the same serialization/deserialization tools can be used both for the schema and data; and is self-describing.

This is an example of how that can look like.

JS JavaScript - JSON Schema

  "$schema": "",
  "title": "Car",
  "type": "object",
  "required": ["id", "type", "price"],
  "properties": {
    "id": {
      "type": "number",
      "description": "Car identifier"
    "name": {
      "type": "string",
      "description": "Name of the car"
    "price": {
      "type": "number",
      "minimum": 0
    "tags": {
      "type": "array",
      "items": {
        "type": "string"
    "stock": {
      "type": "object",
      "properties": {
        "warehouse": {
          "type": "number"
        "retail": {
          "type": "number"

JSON Methods


Is for parsing a string as JSON, optionally transform the produced value and its properties, and return the value.


Will return a JSON string that corresponds to the specified value, optionally including only certain properties or replacing property values in a user-defined manner.


To convert a JavaScript value to a JSON string you should use the JSON.stringify() method.

JS JavaScript - JSON.stringify()

console.log(JSON.stringify({ x: 11, y: 12}));
// the output to expect: "{"x":11,"y":12}"
console.log(JSON.stringify([new Number(7), new String('true'), new Boolean(true)]));
// the output to expect: "[7,"true",true]"
console.log(JSON.stringify({ x: [2, undefined, function(){}, Symbol('')] }));
// the output to expect: "{"x":[2,null,null,null]}"
console.log(JSON.stringify(new Date(2018, 0, 4, 15, 4, 5)));
// the output to expect: ""2018-01-04T15:04:05.000Z""


The JSON.parse() method will parse a JSON string. This constructs the JavaScript value or object described by the string.

JS JavaScript - JSON.parse()

var json = '{"result":true, "count":88}';
obj = JSON.parse(json);
// the output to expect: 88
// the output to expect: true

Learn more about JavaScript Functions Learn more about JavaScript Strings

Check this out

JS JavaScript: Date Formats

There are generally 3 types of JavaScript date input formats:There are generally 3 types of JavaScript date input formats:

  • ISO Date
  • Date Short
  • ....

JS JavaScript: Bitwise Operators

Bitwise operators will handle their operands as a sequence of 32 bits (zeroes and ones), and not like decimal, hexadecimal, or octal numbers. For example, the decimal number nine has a binary representation of 1001. Bitwise operators perform their operation....

JS JavaScript: Operator Precedence

With operator precedence we describe the order in which operations are executed when expressions are evaluated. The operations with a higher precedence will run before the operations with a lower precedence. For example, multiplication is performed before addition.

JS JavaScript: Random

JavaScript have a Random number function. The method can generate a number in a specific range. The number can not be reasonably be predicted.


JavaScript is one of the 3 core language technologies of the World Wide Web that all web developers must learn:

1.      HTML to define the content of web pages.

2.      CSS to specify the layout of web pages.

3.      JavaScript to program the behavior of web pages.

JavaScript is a scripting or programming language that allows you to implement complex things on web pages. Every time a web page does more than just sit there and display static information for you to look at, displaying timely content updates, interactive maps, animated 2D/3D graphics, scrolling video jukeboxes, etc. − you can bet that JavaScript is probably involved.

The benefits of using JavaScript are:

1.      You can validate user input before sending the page off to the server. This saves server traffic, which means less load on your server.

2.      Immediate feedback to the visitors − They don't have to wait for a page reload to see if they have forgotten to enter something.

3.      Increased interactivity − You can create interfaces that react when the user hovers over them with a mouse or activates them via the keyboard.

4.      Richer interfaces − You can use JavaScript to include such items as drag-and-drop components and sliders to give a Rich Interface to your site visitors.


Need more Honney

NDC Conferences

The NDC Conferences (Norwegian Developers Conference) are one of the world`s largest independent software conferences for .NET & Agile development. The conference covers everything you need to know within software development. The conferences are held each year in many places such as Oslo, Copenhagen, London, Sydney and Minnesota.

Update Conference Prague

Update Conference Prague is the biggest developer conference in the Czech Republic. The conference is offering sessions delivered by the top experts from all around the world. Their goal is to inspire the attendees and enrich their knowledge.

Troy Hunt

Learn about Web Security from Troy Hunt. He is a really engaged speaker that frequently give talks on conferences around the world. Troy is a Microsoft MVP and you can even learn from him on some great courses on Pluralsight.

W3Schools is a great education Web Site for learning web technologies. On W3Schools you may find well organized basic to advanced tutorials and references.

Scott Hanselman

Learn about Web Technologies and new trends from Scott Hanselman. Scott Hanselman is an author of developer books and he is an engaged speaker that usually talks about the Microsoft stack. You may meet Scott on conferences around the world.

Developer Week

DeveloperWeek is one of the world’s largest developer conferences. Developer Week focus on new dev technologies, the conference have talks and workshops for newbies and experienced audience. You can attend on a Developer Week conference different places in Nothern America.


Honneybag blog

Learn JavaScript Debugging

Searching for bugs and fixing them is called code debugging. The bugs might be difficult to diagnose and therefore it is important to have a good approach to find and fix the bugs effectively. Bugs in the code might be syntax errors or logical errors. Sometimes nothing happens when the code contains bugs and there is few indications where to search. Modern web browser includes a powerful suite of developer tools. The tools do a range of things...

Explore JavaScript Arrays

Arrays are frequently used by developers. Programming languages can have slightly different implementation of arrays. An array is an object that can store a collection of items. You may say it`s a special variable that can have more than one value. The array holds many values under a single name, and you may access the values by referring to an index number. The easiest way to create....

Ultimate Guide to HTML Colors

It is essential to give the user a good user experience. There are many things you should focus on, one of them is how you use colors on your website. We don't have to struggle with black and white TVs anymore. Users expect more and more and we can apply colors to everything we want. Texts, borders, backgrounds, shadows – in HTML they all can have whatever color you decide....

Wanna be a sheep? Check out the most popular subjects
Wanna be a little different? Check out the less popular subjects