JavaScript Data Types with Examples

ECMAScript represents JavaScript Data types. This lesson provide JavaScript Data Types With Examples. How to define variable in JavaScript. JavaScript is a loosely data type dynamic language.

JavaScript, also known as ECMAScript specifies six primitive data types and object type.

JavaScript primitives data types,

and Object data types,

JavaScript Variables are declared using var statement. you can declare multiple variables at once. No need to append data type when you declare JavaScript variable. It means any value can store in any variable.

If you not initialize your variable in var statement, It's automatically assume values is undefined.

JavaScript Number Data types

JavaScript has only one Number (numeric) data types. Number data type can store normal integer, floating-point values.

A floating-point represent a decimal integer with either decimal points or fraction expressed (refer to another decimal number).

 var num1 = 5;              // Numeric integer value var num2 = 10.5;            // Numeric float value var num3 = -30.47;          // Negative numeric float value  var num4 = 5E4;             // 5 x 10 Powers of 4 = 50000 var num5 = 5E-4             // 5 x 10 Powers of -4 = -50000  var num6 = 10 / 0;          // Number divide by zero, result is: Infinity var num7 = 10 / -0;         // Number divide by negative zero, result is: -Infinity  var num8 = 10, num9 = 12.5; // Multiple variable declare and initialize

JavaScript String Data types

JavaScript string data type represent textual data surrounding to single/double quotes. Each character is represent as a element that occupies the position of that string. Index value 0, starting from first character of the string.

 var name = 'Hello, I am run this town.!';    // Single quote var name = "Hello, I am run this town.!";   // Double quote

Whatever quote you use to represent string, but you should take care that quote can't repeat in string statement.

 var name = "Hello, I'm run this town.!";  // Single quote use inside string var name1 = "";                             // empty string

Note: JavaScript empty string is different from the NULL value.

JavaScript Boolean Data types

JavaScript Boolean type can have two value true or false. Boolean type is use to perform logically operator to determine condition/expression is true.

 var val1 = true; var val2 = false;

JavaScript Symbol Data types

JavaScript Symbol data type new (Currently ECMAScript 6 Drafted) used for identifier unique object properties.


Parameters: description is optional for identify unique symbol.

 var s1 = Symbol(); var s1 = Symbol('name');

JavaScript Null

JavaScript Null specifies variable is declare but values of this variable is empty.

 var str = null;                            // Value assign null document.writeln(str == undefined);         // Returns true  document.writeln(null == undefined);        // Equality check Returns true document.writeln(null === undefined);       // Equality with type check Returns false

JavaScript empty variables boolean context return false.

 var bool = Boolean(); console.log(bool);                      // Default Boolean context Returns false  var bool = Boolean(true); console.log(bool);                      // Returns true

JavaScript undefined

JavaScript uninitialized variables value are undefined.

Uninitialized variable (value undefined) equal to null. JavaScript uninitialized variables boolean context return false.

 var str;                       // Declare variable without value. Identify as undefined value.  document.writeln(str == null);      // Returns true document.writeln(undefined == null);    // Returns true      var bool = Boolean(str);        // str is undefined passed into Boolean object document.writeln(bool);             // Boolean context Returns false

JavaScript Object Data types

JavaScript all values are objects except primitive value. Object is store complex variable value, properties, method, functions. JavaScript Object referred to a memory for storing object values.

JavaScript Array

JavaScript Array is a collection of values that are belonging to a same data type.

Array values must be belonging opening or closing bracket.

Array value separated by comma.

Array values you can access by array indexing. Index value 0, starting from first value of the array.

 var myarray = [];                          // Create empty array. var vowels = ["a", "e", "i", "o", "u"];     // Create array with values  document.writeln('vowels[0] ', vowels[0]);        // Access first value document.writeln('vowels[4] ', vowels[4]);        // Access last value

In JavaScript, objects (which are essentially associative arrays) create for mapping between keys and values pairs. Array keys is an index to access array values.

 var users = [     {"Name":"Opal Kole", "Address":"63 street Ct."},      {"Name":"Max Miller", "Address":"41 NEW ROAD."},      {"Name":"Beccaa Moss", "Address": "2500 green city."},     {"Name":"Paul Singh", "Address": "1343 Prospect St"}     ];  console.log(users[0]);           // index 0, object (1st record) return console.log(users[0]["Name"]);   // index 0, Key: Name value return

Notes: JavaScript does not support multidimensional arrays. But you can archive Multi-dimensional arrays represented by arrays of arrays.

 var users = [     [        { "Name":"Opal Kole", "Address":"63 street Ct." },        { "Name":"Max Miller", "Address":"41 NEW ROAD." }      ],     [        { "Name":"Beccaa Moss", "Address": "2500 green city." },       { "Name":"Paul Singh", "Address": "1343 Prospect St" }      ] ];  console.log(users[0]);              // users index 0, 1st Array Object return console.log(users[0][0]);           // users index 0, 1st Array Object (1st Record) return   console.log(users[0][0]["Name"]);   // users index:0, 1st Array Object (1st Record), Key: Name value return

JavaScript JSON

JSON stands for JavaScript Object Notation for storing data. Access data in any language platform.

JSON data is text data, but JavaScript JSON.parse() function to convert the JSON string into a JavaScript object.

JavaScript - JSON Object

 var JSONText = '{ "users" : [{"Name":"Opal Kole", "Address":"63 street Ct."}, {"Name":"Max Miller", "Address":"41 NEW ROAD."}, {"Name":"Beccaa Moss", "Address": "2500 green city."},{"Name":"Paul Singh", "Address": "1343 Prospect St"}]}';  var jsondecode = JSON.parse(JSONText);  console.log(jsondecode["users"]); console.log(jsondecode["users"][0]); console.log(jsondecode["users"][0]["Name"]);

JavaScript Function, Object and Properties

Here are brief explain about JavaScript function, object types, later chapter learn more about JavaScript function, object.

JavaScript function is a number of statements that performing some task and return the resulted values. function keyword you must have to specifies when you write function. JavaScript function you can define 3 way,

  • Simple Function: simple call the JavaScript function.
     <input type="button" value="Simple function" onClick="msg();"/>  function msg(){      alert("hello world!");  }
  • In-line Function: In some special case for using in-line function to assign function to a variable at run-time instead of the parse-time.
     <input type="button" value="In-line function" onClick="msg();"/>  var msg = function(){      alert("hello world!");  }
  • Anonymous Function: Anonymous function call either runtime or parse time. anonymous and in-line function both are working same.
     var msg; (function(msg){      alert("hello world!");  })(msg);

JavaScript object store complex variable value, properties, method. JavaScript Object referred to a memory for storing object values.

 var myObj = new Object();                                      // Declare object var myObj = new Object;                                         // Declare object var myObj = new Object( [ param1, param2, ..., paramN ] );      // with parameter  myObj.propertyname;                                             // Access property myObj["propertyname"];                                          // Access property

new operator to create an instance of the object. Object: required, for constructor of the object. parameter is optional.

 var myObj = new Object();          // or you can write: var myObj = new Object; = "Opal Kole";           // Assign object property myObj.address = "63 street Ct."; myObj.age = 48; myObj.married  = true;  console.log(myObj);                 // print object data