Javascript Operators, Easy to Learn Javascript Operators

Javascript Operators

JavaScript operators are used to assign values, compare values, arithmetic operations, and more. For example 1 + 2, where + sign is an operator and 1 is left operand and 2 is right operand. + operator adds two numeric values and produces a result which is 3 in this case.

1. Arithmetic Operators

2. Comparison Operators

3. Logical Operators

4. Bitwise Operators

5. Assignment Operators

Arithmetic Operators

Arithmetic operators are used to perform mathematical operations between numeric operands.

Operator	Description
+	Addition
-	Subtraction
*	Multiplication
/	Division
%	Modulus
++	Increment
--	Decrement

Example :

<html>
<head>
<title>Arithmetic Operators</title>
</head>
 
<body>

<script type="text/javascript">

var a = 33;
var b = 10;
var c = "Sample";
var linebreak = "<br />";
 
document.write("a + b = ");
result = a + b;
document.write(result);
document.write(linebreak);
 
document.write("a - b = ");
result = a - b;
document.write(result);
document.write(linebreak);
 
document.write("a / b = ");
result = a / b;
document.write(result);
document.write(linebreak);
 
document.write("a % b = ");
result = a % b;
document.write(result);
document.write(linebreak);
 
document.write("a + b + c = ");
result = a + b + c;
document.write(result);
document.write(linebreak);
 
a = ++a;
document.write("++a = ");
result = ++a;
document.write(result);
document.write(linebreak);
 
b = --b;
document.write("--b = ");
result = --b;
document.write(result);
document.write(linebreak);

</script>

</body>
</html>

Output :

a + b = 43

a - b = 23

a / b = 3.3

a % b = 3

a + b + c = 43Sample

++a = 35

--b = 8

Comparison Operators

JavaScript language includes operators that compare two operands.

Operator	Description
==	Is equal to
===	Identical (equal and of same type)
!=	Not Equal
!==	Not Identical
>	Greater than
>=	Greater than or Equal to
<	Less than
<=	Less than or Equal to

Example :

<html>
<head>
<title>Comparison  Operators</title>
</head>
 
<body>
 
<script type="text/javascript">

var a = 10;
var b = 20;
var linebreak = "<br />";
 
document.write("(a == b) : ");
result = (a == b);
document.write(result);
document.write(linebreak);
 
document.write("(a < b) : ");
result = (a < b);
document.write(result);
document.write(linebreak);
 
document.write("(a > b) : ");
result = (a > b);
document.write(result);
document.write(linebreak);
 
document.write("(a != b) : ");
result = (a != b);
document.write(result);
document.write(linebreak);
 
document.write("(a >= b) : ");
result = (a >= b);
document.write(result);
document.write(linebreak);
 
document.write("(a <= b) : ");
result = (a <= b);
document.write(result);
document.write(linebreak);

</script>
 
</body>
</html>

Output :

(a == b) : false

(a < b) : true

(a > b) : false

(a != b) : true

(a >= b) : false

(a <= b) : true

Logical Operators

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

Operator	Description
&&	Logical AND
\|\|	Logical OR
!	Logical NOT

Example :

<html>
<head>
<title>Logical Operators</title>
</head>
 
<body>
    
<p id="p1"></p>
<p id="p2"></p>
<p id="p3"></p>
<p id="p4"></p>
<p id="p5"></p>
 
<script type="text/javascript">

var a = 25, b = 50;
document.getElementById("p1").innerHTML = (a != b) && (a < b); 
document.getElementById("p2").innerHTML = (a > b) || (a == b);
document.getElementById("p3").innerHTML = (a < b) || (a == b);
document.getElementById("p4").innerHTML = !(a < b);
document.getElementById("p5").innerHTML = !(a > b);

</script>
 
</body>
</html>

Output :

Bitwise Operators

The bitwise operators perform bitwise operations on operands. The bitwise operators are as follows:

Operator	Description
&	Bitwise AND
\|	Bitwise OR
^	Bitwise XOR
~	Bitwise NOT
<<	Bitwise Left Shift
>>	Bitwise Right Shift
>>>	Right shift with Zero

Example :

<html>
<head>
<title>Bitwise Operators</title>
</head>
 
<body>
 
<script type="text/javascript">

var a = 2;
var b = 3;
var linebreak = "<br />";
 
document.write("(a & b) => ");
result = (a & b);
document.write(result);
document.write(linebreak);
 
document.write("(a | b) => ");
result = (a | b);
document.write(result);
document.write(linebreak);
 
document.write("(a ^ b) => ");
result = (a ^ b);
document.write(result);
document.write(linebreak);
 
document.write("(~b) => ");
result = (~b);
document.write(result);
document.write(linebreak);
 
document.write("(a << b) => ");
result = (a << b);
document.write(result);
document.write(linebreak);
 
document.write("(a >> b) => ");
result = (a >> b);
document.write(result);
document.write(linebreak);

</script>

</body>
</html>

Output :

(a & b) => 2

(a | b) => 3

(a ^ b) => 1

(~b) => -4

(a << b) => 16

(a >> b) => 0

Assignment Operators

JavaScript includes assignment operators to assign values to variables with less key strokes.

Operator	Description
=	Assign
+=	Add and assign
-=	Subtract and assign
*=	Multiply and assign
/=	Divide and assign
%=	Modulus and assign

Example :

<html>
<head>
<title>Assignment Operators</title>
</head>
 
<body>
 
<script type="text/javascript">

var a = 50;
var b = 25;
var linebreak = "<br />";
 
document.write("(a = b) => ");
result = (a = b);
document.write(result);
document.write(linebreak);
 
document.write("(a += b) => ");
result = (a += b);
document.write(result);
document.write(linebreak);
 
document.write("(a -= b) => ");
result = (a -= b);
document.write(result);
document.write(linebreak);
 
document.write("(a *= b) => ");
result = (a *= b);
document.write(result);
document.write(linebreak);
 
document.write("(a /= b) => ");
result = (a /= b);
document.write(result);
document.write(linebreak);
 
document.write("(a %= b) => ");
result = (a %= b);
document.write(result);
document.write(linebreak);

</script>

</body>
</html>

Output :

(a = b) => 25

(a += b) => 50

(a -= b) => 25

(a *= b) => 625

(a /= b) => 25

(a %= b) => 0

Javascript Tutorial