Skip to content
Related Articles

Related Articles

JavaScript Bitwise Operators

Improve Article
Save Article
  • Difficulty Level : Easy
  • Last Updated : 28 Sep, 2022
Improve Article
Save Article

Below is the example of the JavaScript Bitwise Operators. Example: 

javascript




<script>
var a = 4;
var b = 1;
 
document.write("A & B = " + (a & b) + '<br>');
 
document.write("A | B = " + (a | b) + '<br>');
 
document.write("~A = " + (~a) + '<br>');
</script>

Output:

A & B = 0
A | B = 5
~A = -5

Like C, C++, Java, Python, and various other languages, JavaScript also supports bit-wise operations. In JavaScript, a number is stored as a 64-bit floating-point number but the bit-wise operation is performed on a 32-bit binary number i.e. to perform a bit-operation JavaScript converts the number into a 32-bit binary number (signed) and perform the operation and convert back the result to a 64-bit number.

Below are few bit-wise logical operators used in JavaScript.

  • Bit-wise AND ( & ) : It is a binary operator i.e. accepts two operands. Bit-wise AND (&) returns 1 if both the bits are set ( i.e 1) and 0 in any other case.
ABOUTPUT ( A & B )
000
010
100
111
  • Bit-Wise OR ( | ) : It is a binary operator i.e. accepts two operands. Bit-wise OR ( | ) returns 1 if any of the operand is set (i.e. 1) and 0 in any other case.
ABOUTPUT ( A | B )
000
011
101
111
  • Bit-Wise XOR ( ^ ) : It is a binary operator i.e. accepts two operands. Bit-wise XOR ( ^ ) returns 1 if both the operands are different and 0 in any other case.
ABOUTPUT ( A ^ B )
000
011
101
110
  • Bit-Wise NOT ( ~ ) : It is a unary operator i.e. accepts single operands. Bit-wise NOT ( ~ ) flips the bits i.e 0 becomes 1 and 1 becomes 0.
AOUTPUT ( ~A )
01
10

Below are few bit-wise shift operators used in JavaScript.

  1. Left Shift ( << ): Its a binary operator i.e. it accepts two operand. The first operator specifies the number and the second operator specifies the number of bits to shift. Each bits are shifted towards left and 0 bits are added from the right. The excess bits from the left are discarded.
A6 ( 00000000000000000000000000000110 )
B1 ( 00000000000000000000000000000001 )
OUTPUT ( A << B )12 ( 00000000000000000000000000001100 )
  1. Sign Propagating Right Shift ( >> ) : Its a binary operator i.e. it accepts two operand. The first operand specifies the number and the second operand specifies the number of bits to shift. Each bit is shifted towards the right, the overflowing bits are discarded. This is Sign Propagating as the bits which are added from the left depends upon the sign of the number (i.e. 0 if positive and 1 if negative )
A6 ( 00000000000000000000000000000110 )
B1 ( 00000000000000000000000000000001 )
OUTPUT ( A >> B )3 ( 00000000000000000000000000000011 )
  1. Zero fill Right Shift ( >>> ) : Its a binary operator i.e. it accepts two operand. The first operand specifies the number and the second operand specifies the number of bits to shift. Each bits is shifted towards right, the overflowing bits are discarded. 0 bit is added from the left so its zero fill right shift.
A6 ( 00000000000000000000000000000110 )
B1 ( 00000000000000000000000000000001 )
OUTPUT ( A >>> B )3 ( 00000000000000000000000000000011 )

Below is the implementation of the above described operators.

javascript




<script>
var a = 6;
var b = 1;
 
// AND Operation
document.write("A & B = " + (a & b) + '<br>');
 
 
// OR operation
document.write("A | B = " + (a | b) + '<br>');
 
// NOT operation
document.write("~A = " + (~a) + '<br>');
 
 
// Sign Propagating Right Shift
document.write("A >> B = " + (a >> b) + '<br>');
 
 
// Zero Fill Right Shift
document.write("A >>> B = " + (a >>> b) + '<br>');
 
 
// Left Shift
document.write("A << B = " + (a << b) + '<br>');
</script>                           

  1. Output:
A & B = 0
A | B = 7
~A = -7
A >> B = 3
A >>> B = 3
A << B = 12
  1. Supported Browsers:
    • Google Chrome
    • Internet Explorer
    • Firefox
    • Apple Safari
    • Opera

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!