Page 1 of 2
JavaScript is a highlevel language that does its best to keep you away from low level considerations of the way that hardware works. However no matter how highlevel the language is there are times when you have to remember that data is stored as bits and you have to find a way to work directly with those bits.
Bit manipulation in JavaScript is complicated by the way that it attempts to be completely type free. One of the consequences of this type free approach is that numbers are always stored as 64bit floating point values  i.e. double precision floating point.
Yes  that's correct JavaScript doesn't have an integer type that you can make use of. When needed JavaScript will perform an internal conversion to a 32bit value but you can't gain access directly to this integer and it is converted back to floating point format as soon as it is possible.
So JavaScript is different when it comes to bit manipulation but not that difficult. Let's see how it all works.
The bitwise operators
JavaScript has a number of operators designed to allow you to perform bit manipulation. There are four logical operators:
And

&

Or



Exclusive Or

^

Not

~

As you would expect the not operator has the highest priority.
Notice that there are also corresponding logical operators &&,  and ! that only work with Boolean values and not bit patterns.
If you are more familiar with other languages you might well confuse ^ with raise to a power.
The bitwise operators work with numeric data which is converted from floating point to a 32bit integer, operated on and then converted back to floating point. As a floating double can store a 32bit integer without loss of precision everything works transparently as long as you stay within the 32bit limit.
For example:
var a = 0xF0; var b = 0xFF; var c = ~a & b; alert(c);
works out Not(a)=0F and b i.e. 0F & FF which is F. You should see the result 15 in decimal displayed.
Notice that bit manipulation is usually easiest to try out using hexadecimal notation e.g. 0xF is 15 in decimal.
There is no way of entering binary directly in JavaScript but you can use hex and octal and there is the paresInt function which will convert from a range of bases.
So what happens if you go over the 32bit limit?
In fact strange things start to happen before you reach the 32bit limit because the 32bit value is signed and this means that if the highest bit is one the returned value is negative.
For example:
var a = 0xFFFFFFF; var b = 0xFFFFFFF var c = a & b; alert(c.toString(16));
displays 0xFFFFFFF which is what you would expect. Notice that toString(16) converts the floating point number to a hex string.
Now try adding one more F to both values i.e. a full 32bit value all set to one. The result displays as 1 which might not be what you expect but it is perfectly correct.
The result of anding two full 32bit values both set to one is a 32bit value with all bits set to one but as the 32bit value is interpreted as a signed value this converts to 1 (twos complement).
You don't have to worry about this too much as the bit pattern corresponding to 1 is 32 bits all set to one so everything should carry on working is you use the value for further bit manipulation.
Now consider what happens if you add one more F to the values. In this case the values are 36 bits all set to one and the result should also be 36 bits all set to one  but no.
Both the a and b values are converted to 32bit values the two values are anded together and the result is a 32bit result i.e. 1 as before.
Beyond 32 bits
So what happens if you try to work with bitwise operators on values that aren't representable as 32bit integers?
To do this the JavaScript interpreter calls the internal ToInt32 function (you can't use this in your programs). This performs an "intelligent" conversion to a 32bit integer.
It ignores all fractional parts by truncation.
If the value is larger than a 32bit integer can store then the result is 32 bits all set to one i.e. 1 in twos complement.
If the value is a fraction smaller than one then the result is zero.
If the value is infinity (plus or minus) or NaN then the result is zero.
You will also be pleased to learn that true evaluates to one and false to zero so you can use the bitwise logical operators on Boolean values. Just about every other possible value returns 0.
The only real problems with JavaScript's bitwise operators are that they are restricted to 32 bits and they are not especially fast because of the need to do conversion from floating point double precision to 32bit integer and then back again.
Masks
So what do you use the bitwise logical operators for?
In many cases you have the problem of setting or clearing particular bits in a value. The value is usually stored in a variable that is usually regarded as a status variable or flag.
You can set and unset bits in a flag using another value usually called a mask that defines the bits to be changed.
For example if you only want to change the first (least significant) bit then the mask would be 0x01.
If you wanted to change the first and second bits the mask would be 0x03 and so on.
If you find working out the correct hexadecimal value needed for any particular mask then you could use the parseInt function with a radix of two. For example:
a=parseInt("1",2);
sets a to 0x01 and
a=parseInt("11",2);
sets a to 0x03 and so on.
In general just write down a string of zeros and ones with a one in the positions you want to change and use parseInt to convert to a mask value.
Ok now that you have a mask what do you do with it?
Suppose the variable mask contains a value that in binary has a one at each bit location you want to change. Then
flag  mask;
returns a bit pattern that the mask specifies set to one. Notice that the bits that the mask doesn't specify are left at their original values.
For example:
var mask=parseInt("11",2); var flag = 0xFFF0; var result = flag  mask;
sets result to 0xFFF3 i.e. it sets the first (least significant) two bits.
If you use
flag & ~mask;
then the bits specified in the mask are set to zero  or unset if you prefer. Notice that you have to apply a not operator to the mask.
For example:
var mask=parseInt("11",2); var flag = 0xFFFF; var result = flag & ~mask;
sets result to 0xFFFC i.e. it unsets the first two bits.
As well as setting and unsetting particular bits you might also want to "flip" the specified bits i.e. negate them so that if the bit was a one it is change to a zero and vice versa. You can do this using the XOR operator
flag ^ mask
flips the bits specified by the mask.
For example:
var mask=parseInt("11",2); var flag = 0xFFFF; var result = flag ^ mask; alert(result.toString(16));
sets result to 0xFFFC because it changes the lower two bits from ones to zeros. Again bits not specified by the mask are unaffected.
Of course in each case you don't have to use a variable to specify the mask you could just us a numeric literal.
For example instead of:
var flag = 0xFFFF; var result = flag ^ mask;
you can write:
var result = flag ^ 0xFFFF;
Also if you want to update the flag rather than derive a new result you can use &=, = and ^= to perform the update directly.
For example, instead of
var flag = 0xFFF0; flag = flag  0xFFF0;
you can use:
var flag = 0xFFF0; flag = 0xFFF0;
<ASIN:0596805527>
<ASIN:0596517742>
<ASIN:1593275404>
<ASIN:1118026691>
