UI UX Design (36 Blogs) Become a Certified Professional
AWS Global Infrastructure

Front End Web Development

Topics Covered
  • AngularJS (57 Blogs)
  • The Complete WebDeveloper (35 Blogs)
  • ReactJS (25 Blogs)
  • JavaScript and JQuery Essentials Training (2 Blogs)
SEE MORE

What are JavaScript Operators and its Types?

Last updated on Oct 25,2024 5.5K Views

4 / 31 Blog from JavaScript

An operator is used for manipulating a certain value or operand. Operators are used to perform specific mathematical and logical computations on operands. In this article, we will discuss about different JavaScript Operators and how they are used in a code in the following sequence:

What is an Operator?

Operators are used for comparing values, perform arithmetic operations, etc. For example, if we take a simple expression, 4 + 5 is equal to 9. Here 4 and 5 are called operands and ‘+’ is called the operator. JavaScript consists of different types of operators that are used to perform different operations.

Types of JavaScript Operators

There are different types of operators in JavaScript that are used for performing different operations. Some of the JavaScript Operators include:

  • Arithmetic Operators
  • Comparison Operators
  • Bitwise Operators
  • Logical Operators
  • Assignment Operators

Arithmetic Operators

Arithmetic operators are used to perform arithmetic operations on the operands. Here is a list of operators that are known as JavaScript arithmetic operators:

Operator

Description

Example

+

Adds two operands

10 + 20 = 30

Subtracts the second operand from the first

30 – 20 = 10

/

Divide the numerator by the denominator

20/10 = 2

*

Multiply two operands

5 * 5 = 25

%

Outputs the remainder of an integer division

20 % 10 = 0

++

Increases an integer value by one

var a=20; a++; Now a = 21

Decreases an integer value by one

var a=20; a–; Now a = 19

Comparison Operators

The JavaScript comparison operator compares the two operands. The comparison operators are as follows:

Operator

Description

Example

==

Checks if two operands are equal or not. If yes, then the condition becomes true.

20==30 = false

===

Finds the identical (equal and of the same type)

10==20 = false

!=

Checks if two operands are equal or not. If the values are not equal, then the condition becomes true

20!=30 = true

!==

It implies that two values are not Identical

20!==20 = false

>

Checks if the value of the left operand is greater than the value of the right operand

30>10 = true

>=

Checks if the value of the left operand is greater than or equal to the value of the right operand

20>=10 = true

<

This Checks if the value of the left operand is less than the value of the right operand

20<10 = false

<=

Checks if the value of the left operand is less than or equal to the value of the right operand

30<=10 = false

Bitwise Operators

The bitwise operators are used to perform bitwise operations on operands. Here is a list of bitwise operators:

Operator

Description

Example

&

Boolean AND operation on each bit of its integer arguments

(10==20 & 20==33) = false

|

It performs a Boolean OR operation on each bit of its integer arguments

(10==20 | 20==33) = false

^

This operator performs Bitwise XOR operation

(10==20 ^ 20==33) = false

~

It is a unary operator and operates by reversing all the bits in the operand

(~10) = -10

<<

Moves all the bits in its first operand to the left by the number of places specified in the second operand.

(10<<2) = 40

>>

The left operand’s value is moved right by the number of bits specified by the right operand.

(10>>2) = 2

>>>

This operator is just like the >> operator, except that the bits shifted in on the left are always zero.

(10>>>2) = 2

Logical Operators

The list provides all the  JavaScript logical operators:

Operator

Description

Example

&&

Logical AND – If both the operands are non-zero, then the condition becomes true

(10==20 && 20==33) = false

||

Logical OR – If any of the two operands are non-zero, then the condition becomes true.

(10==20 || 20==33) = false

!

Logical NOT – Reverses the logical state of its operand.

!(10==20) = true

Assignment Operators

The Assignment operators are used to assign values to the operand. The following operators are known as JavaScript assignment operators:

Operator

Description

Example

=

Assigns values from the right side operand to the left side operand

20+10 = 30

+=

It adds the right operand to the left operand and assigns the result to the left operand

var a=20; a+=10; Now a = 30

-=

It subtracts the right operand from the left operand and assigns the result to the left operand

var a=30; a-=10; Now a = 20

*=

It multiplies the right operand with the left operand and assigns the result to the left operand

var a=10; a*=20; Now a = 200

/=

It divides the left operand with the right operand and assigns the result to the left operand

var a=10; a/=2; Now a = 5

%=

It takes modulus using two operands and assigns the result to the left operand

var a=10; a%=2; Now a = 0

These were some of the common JavaScript operators with their definition and example. With this, we have come to the end of our article.

Related Post Methods for detecting and preventing clickjacking with JavaScript

Learn the latest UI/UX design techniques and trends through this UX Design Course.

Now that you know about JavaScript Operators, check out the web developer course online by Edureka. Web Development Certification Training will help you Learn how to create impressive websites using HTML5, CSS3, Twitter Bootstrap 3, jQuery and Google APIs and deploy it to Amazon Simple Storage Service(S3). 

Check out the Angular Course by Edureka, a trusted online learning company with a network of more than 250,000 satisfied learners spread across the globe. Angular is a JavaScript framework that is used to create scalable, enterprise, and performance client-side web applications. With Angular framework adoption being high, performance management of the application is community-driven indirectly driving better job opportunities.

Got a question for us? Please mention it in the comments section of “JavaScript Operator” and we will get back to you.

Comments
0 Comments

Join the discussion

Browse Categories

webinar REGISTER FOR FREE WEBINAR
REGISTER NOW
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP

Subscribe to our Newsletter, and get personalized recommendations.

image not found!
image not found!

What are JavaScript Operators and its Types?

edureka.co