JavaScript Operators

JavaScript operator is used to performing some operation on single or multiple operands and to produce results.

Let’s consider the following simple expression 3 + 4 = 7. Here 3 and 4 are called operands and ‘+’ is called the operator.

JavaScript supports the following types of operators.

Types of operators in JavaScript:

Arithmetic Operators:

Arithmetic operators are used for performing mathematical operations on the operands.

Following are the JavaScript arithmetic operators:

Operator	Description	Example
+	Addition	20+40 = 60
-	Subtraction	40-20 = 20
*	Multiplication	20*40 = 800
/	Division	40/20 = 2
%	Modulus (Remainder)	40%20 = 0
++	Increment	var a=20; a++; Now a = 21
--	Decrement	var a=20; a--; Now a = 19

Comparison Operators:

The JavaScript comparison operator is used to compare the two operands.

Following are the JavaScript comparison operators:

Operator	Description	Example
==	Is equal to	20==40 = false
===	Identical (equal and of same type)	20==40 = false
!=	Not equal to	20!=40 = true
>	Greater than	40>20 = true
>=	Greater than or equal to	40>=20 = true
<	Less than	40<20 = false
<=	Less than or equal to	40<=20 = false

Logical Operators:

JavaScript logical operators are used to combine two or more conditions.

Following are the JavaScript logical operators:

Operator	Description	Example
&&	Logical AND	(20==40 && 40==44) = false
\|\|	Logical OR	(20==40 \|\| 40==43) = false
!	Logical Not	!(20==40) = true

Assignment Operators:

JavaScript assignment operators are used to assign values to variables with fewer keystrokes.

Following are the JavaScript assignment operators:

Operator	Description	Example
=	Assign	20+20 = 40
+=	Add and assign	var a=20; a+=30; Now a = 40
-=	Subtract and assign	var a=40; a-=30; Now a = 30
*=	Multiply and assign	var a=20; a*=40; Now a = 800
/=	Divide and assign	var a=20; a/=2; Now a = 10
%=	Modulus and assign	var a=20; a%=2; Now a = 0

Ternary Operator:

JavaScript includes a special operator called ternary operator :? that assigns a value to a variable depend on some condition. This is like a short form of the if-else condition.

Syntax:

<condition> ? <value1> : <value2>;

The ternary operator starts with a conditional expression followed by ? operator. Second part ( after ? and before : operator) will be executed when the condition turns out to be true. If the condition comes false then the third part (after :) will be executed.

Example:

var a = 20, b = 10;

var c = a > b? a : b; // value of c would be 20

var d = a > b? b : a; // value of d would be 10