Let us consider a simple expression. 7 + 5 equals 12 . The operands, in this case, are 7 and 5, and the operator, in this case, is ‘+.’ The following operators are supported by JavaScript.
- Comparison Operators
- Arithmetic Operators
- Assignment Operators
- Ternary (Conditional) Operators
- Relational (Logical) Operators
- Bitwise Operators
Now, we’ll be taking a look at each of these Javascript operators in detail. We’ll be highlighting the operator, giving descriptions of each operator and examples of the operators.
1. Comparison Operators
For the examples under Comparison operators, assume variable X holds Five and variable Y has 10:
| Operator | Description of Operator | Examples |
| == | equal to | (X==Y) is false |
| === | equal value | (X===Y) is false |
| > | greater than | (X>Y) is false |
| < | less than | (X<Y) is true |
| != | not equal | (X!=Y) is true |
| !== | not equal value | (X!==Y) is true |
| >= | Greater than or equal to | (X>=Y) is false |
| <= | less than or equal to | (X<=Y) is true |
| ? | Ternary Operator |
2. Arithmetic Operators
For the examples under Arithmetic operators, assume variable X holds Five and variable Y has 10:
| Operator | Description of Operator | Examples |
| + | Addition | X+Y = 15 |
| – | Subtraction | Y-X = 5 |
| / | Division | Y/X = 2 |
| * | Multiplication | X*Y = 50 |
| ++ | Increment | X++ = 6 |
| — | Decrement | X– = 4 |
| % | Modulus or Remainder | Y%X = 0 |
3. Assignment Operators
| = | Assigns the right operand’s value to the left operand. |
| += | Sums up the left and right operand values and then assigns the result to the left operand. |
| -= | Subtracts the right operand’s value from the left operand’s value and then assigns the result to the left operand. |
| *= | Multiply both values and then assigns the result to the left operand. |
| /= | Divide the left by the right operand value, and then assigns the result to the left operand. |
| %= | Get the modulus of the left operand, divide it by the right operand, and assign the resulting modulus to the left operand. |
4. Ternary (Conditional) Operators
The conditional operator examines an expression to determine if it is true or false and then runs one of the given two statements based on the outcome of the evaluation.
Run this code to see how Conditional Operators work in JS:
<html>
<body>
<script type = "text/javascript">
<!--
var x = 20;
var y = 30;
var linebreak = "<br />";
document.write ("((x > y) ? 200 : 300) => ");
result = (x > y) ? 200 : 300;
document.write(result);
document.write(linebreak);
document.write ("((x < y) ? 200 : 300) => ");
result = (x < y) ? 200 : 300;
document.write(result);
document.write(linebreak);
//-->
</script>
<p>Run this code by TechStack...</p>
</body>
</html>5. Relational (Logical) Operators
For the examples under Relational (Logical) operators, assume variable X holds Five and variable Y has 10:
| Operator | Description of Operator | Examples |
| || | Logical OR | (X || Y) is true |
| && | Logical AND | (X && Y) is true |
| ! | Logical NOT | ! (X && Y) is false |
6. Bitwise Operators
Bit operators operate on numbers in 32 bits.
The operation converts any numeric operand into a 32-bit integer. The output is then returned as a JS number.
| Operator | Description of Operator | Examples |
| & | Bitwise AND | 10 & 5 same as 1010 & 0101 |
| | | Bitwise OR | 10 | 5 same as 1010 | 0101 |
| ^ | Bitwise XOR | 10 ^ 5 same as 1010 ^ 0101 |
| << | Left Shift | 10 << 5 same as 1010 << 0101 |
| >> | Right Shift | 10 >> 5 same as 1010 >> 0101 |
| >>> | Right Shift + Zero | 10 >>> 5 same as 1010 >>> 0101 |
| ~ | Bitwise NOT | ~ 10 same as ~ 1010 |
