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
- Comparison Operators
- Logical Operators
- Assignment Operators
- Conditional Operators
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