Javascript Data Types

An Overview of JavaScript Data Types

In computing, there are a number of data types, including numbers, strings, and booleans, to name a few. The role of these data types in a programming language is quite important, as every programming language has its own predefined data types. For example, JavaScript has its own set of data types.

JavaScript is a client-side scripting language. Java and JavaScript are two entirely different programming languages, and one should not use the term for the other. The essential thing to know is that before learning JavaScript, it's best to start with HTML and CSS since both of them are basic in web development. JavaScript runs in the browser and, therefore, it has been built precisely for the browser environment. It is critical in front-end web development; it allows developers to create dynamic web pages.

Declaring Variables in JavaScript

Declaring a variable in JavaScript is done the following way:

var a = 10;

Look at the above code carefully. If you come from other programming languages like Java, you may notice that it does not explicitly declare the type of the variable. Also, once a variable is assigned with a value, it can be changed.

In Java, the declaration of a variable would appear as follows:

int a = 10;

// Reassignment of the same variable is not permitted

int a = 20; // This is prohibited in strictly typed languages.

When you declare a variable in Java, the compiler is being told that the variable is an integer type. In JavaScript, it's quite different. JavaScript is a dynamically typed language, so you just use the keyword var followed by the variable name. Then the value of the variable will automatically be adjusted by the JavaScript engine to suit the appropriate data type.

Additionally, JavaScript allows for value reassignment with a variable regardless of an existing assignment.

Due to these aspects of JavaScript, it is relatively confusing. Once one pays sufficient attention, these ideas are easily understandable.

Data Types in JavaScript

There are two types of variables in JavaScript-data type and user-defined. So, in sum, there exist five data types in JavaScript which are described in the following:

Number

The number is one of the primitive data types in JavaScript. Of special interest is that JavaScript uses a single data type for numbers. It does not distinguish between float, decimal, or double types like most programming languages.

Code

let n1 = 2;

console.log(n1)

let n2 = 1.3;

console.log(n2)

let n3 = Infinity;

console.log(n3)

let n4 = 'something here too' / 2;

console.log(n4)

Output

String

The string is one of the most basic data types in JavaScript. It is, in essence, a sequence of characters or a sequence of words. Let's look at the following example.

Code

let s1 = "Hello There";

console.log(s1);


let s2 = 'Single quotes work fine';

console.log(s2);

let s3 = `can embed ${s1}`;

console.log(s3);

Output

In JavaScript, there is no difference between 'single' quotes and "double" quotes. However, backticks have another functionality; they can be used to embed variables inside them.

At times, JavaScript may misinterpret quotes when they are nested. In such cases, the escape character is employed to ensure proper functionality.

Example: Consider the following example, which illustrates that a single quote can be used within double quotes and vice versa.

Code

let s1 = "Hello There";

console.log(s1);

let s2 = 'Single quotes work fine';

console.log(s2);

let s3= "it's an ice cream parlor";

console.log(s3)

let s4 = `can embed ${s1}`;

console.log(s4);

Output

Boolean

Boolean is one of the primitive data types in JavaScript. It can take two values: true and false. In JavaScript, Boolean values are used to evaluate conditions. This feature is very helpful in validating different scenarios in the language.

Code

let b1 = true;

console.log(b1); 

let b2 = false;

console.log(b2);

Output

Undefined

Undefined is a basic data type in JavaScript. It is any variable that can be declared but not assigned any value. Thus, such a variable automatically contains the default value of undefined within JavaScript. In short, it identifies a variable that does not have an assigned value.

Code

let a;

console.log(a);

Output

Null

In JavaScript, null is a primitive data type. There are times when it is imperative to assign the Null value if a particular value needs to be assigned as deliberately empty. For example, during runtime, there may be some condition that calls for user input, and for such a condition, the Null data type can be used.

Code

let age = null;

console.log(age)

Output

Non-Primitive Data Types in JavaScript

The non-primitive data types available in JavaScript include both Objects and Arrays. In addition, ECMAScript has added another data type known as Symbol.

Object

The Object data type is a core element of the JavaScript programming language. Objects can be created using object literal syntax, which is defined by key-value pairs.

In order to better understand this concept, one can analyze the following example.

Code

let javaTpoint = {

    type: "Company",

    location: "Noida"

}

console.log(javaTpoint.type)

console.log(javaTpoint.location)

Output

Arrays

An array is a special object which is defined to hold a sequential list of values, and it can store values of different data types.

Code

let a1 = [1, 2, 3, 4, 5];

console.log(a1);


let a2 = [1, "two", { name: "Object" }, [3, 4, 5]];

console.log(a2);

Output

Function

A function in JavaScript is a reusable piece of code that is defined specifically to execute a particular task when it is called.

Code

// Defining a function to greet a user

function greet(name) { return "Hello, " + name + "!"; }

// Calling the function

console.log(greet("Alice"));

Output

Date Object

JavaScript's Date object is designed for date and time management, and it supports the creation, manipulation, and formatting of date values.

Code

// Creating a new Date object for the current date and time

let currentDate = new Date();

// Displaying the current date and time

console.log(currentDate);

Output

Regular Expression

A Regular Expression (RegExp) in JavaScript is an object which is used to define patterns to search for text within strings.

Code

// Creating a regular expression to match the word "hello"

let pattern = /hello/;

// Testing the pattern against a string

let result = pattern.test("Hello, world!"); // Returns true because "Hello" matches the pattern

console.log(result);

Output

Conclusion

JavaScript data types are of utmost significance. As JavaScript is a loosely typed language, it gives its smart engine the flexibility to automatically decide the type of variable depending upon its value. Hence, one has to know about data types while learning JavaScript.