Javascript--位运算符

ゝ一纸荒年。 2022-06-08 07:54 202阅读 0赞

文章转载自：[http://www.cnblogs.com/oneword/archive/2009/12/23/1631039.html][http_www.cnblogs.com_oneword_archive_2009_12_23_1631039.html]

1.NOT

> 位运算符NOT由~表示.NOT运算符的实质是对数字求负,然后减1.
> 
> 位运算符NOT是三步的处理过程.
> 
> a.把运算符转换成32位数字
> 
> b.把二进制形式转换成它的二进制反码
> 
> c.把二进制反码转换成浮点数

> 例子:

var num=10;
            document.write(~num);

>     结果:
> 
>     -11

2.AND

>     位运算符AND由&表示.直接对数字的二进制形式进行运算.运算规则如下:
> 
> <table style="margin:0px 0px 0px 2em; padding:0px; border-collapse:collapse; border-spacing:0px; max-width:850px; border:1px solid silver; word-break:break-word"> 
>  <tbody style="margin:0px; padding:0px"> 
>   <tr style="margin:0px; padding:0px"> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 第一个数字</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 第二个数字</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 结果</td> 
>   </tr> 
>   <tr style="margin:0px; padding:0px"> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 0</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 0</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 0</td> 
>   </tr> 
>   <tr style="margin:0px; padding:0px"> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 0</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 0</td> 
>   </tr> 
>   <tr style="margin:0px; padding:0px"> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 0</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 0</td> 
>   </tr> 
>   <tr style="margin:0px; padding:0px"> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>   </tr> 
>  </tbody> 
> </table>

> 例子:

var num1=10;//1010
            var num2=11;//1011
            document.write(num1 & num2);

> 结果:
> 
> [![image][]][image 1] 10的二进制表示1010

3.OR

> 位运算符OR由符号|表示.直接对二进制进行运算,规则如下:
> 
> <table style="margin:0px 0px 0px 2em; padding:0px; border-collapse:collapse; border-spacing:0px; max-width:850px; border:1px solid silver; word-break:break-word"> 
>  <tbody style="margin:0px; padding:0px"> 
>   <tr style="margin:0px; padding:0px"> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 第一个数字</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 第二个数字</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 结果</td> 
>   </tr> 
>   <tr style="margin:0px; padding:0px"> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 0</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 0</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 0</td> 
>   </tr> 
>   <tr style="margin:0px; padding:0px"> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 0</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>   </tr> 
>   <tr style="margin:0px; padding:0px"> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 0</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>   </tr> 
>   <tr style="margin:0px; padding:0px"> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>   </tr> 
>  </tbody> 
> </table>

> 例子:

var num1=10;//1010
            var num2=11;//1011
            document.write(num1 | num2);

> 结果:
> 
> [![image][image 2]][image_image 2] 11的二进制表示是1011

4.XOR

> 位运算符XOR由符号^表示.直接对二进制进行运算.规则如下:
> 
> <table style="margin:0px 0px 0px 2em; padding:0px; border-collapse:collapse; border-spacing:0px; max-width:850px; border:1px solid silver; word-break:break-word"> 
>  <tbody style="margin:0px; padding:0px"> 
>   <tr style="margin:0px; padding:0px"> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 第一个数字</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 第二个数字</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 结果</td> 
>   </tr> 
>   <tr style="margin:0px; padding:0px"> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 0</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 0</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 0</td> 
>   </tr> 
>   <tr style="margin:0px; padding:0px"> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 0</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>   </tr> 
>   <tr style="margin:0px; padding:0px"> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 0</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>   </tr> 
>   <tr style="margin:0px; padding:0px"> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 0</td> 
>   </tr> 
>  </tbody> 
> </table>

> 例子:

var num1=10;//1010
            var num2=11;//1011
            document.write(num1 ^ num2);

> 结果:
> 
> [![image][image 3]][image_image 3] 1的二进制表示是1

5.<<

> 左移运算符由<<表示.它把数字中所有位数向左移动指定的数量.
> 
> 注意:
> 
> a.在左移数位时,数字右边的空位由0来填充,使结果是完整的32位数字
> 
> b.左移操作保留数字的符号位.
> 
> 例子:

document.write(10<<2+"<br/>");
            document.write(-10<<2);

> 效果:
> 
> [![image][image 4]][image_image 4]

6.>>

> 有符号右移运算由>>表示.它将32位数字中的所有数字整体右移.同时保留该数的符号.
> 
> 注意:
> 
> a.符号位保持不变
> 
> b.在右移数位时,数字左边的空位由0填充
> 
> 例子:

document.write(10>>1);
            document.write("<br/>");
            document.write(-10>>1);

> 效果:
> 
> [![image][image 5]][image_image 5]

7.>>>

> 无符号右移由>>>表示.它将32位数字中的所有数字整体右移.
> 
> 注意:
> 
> a.无符号右移运算用0填充所有空位.
> 
> b.对于整数,无符号右移和有符号右移结果一样.
> 
> c.对于负数,由于左侧补0,导致负数经过无符号右移后,变为一个正数
> 
> 例如:

document.write(-10>>>1);

> 结果:
> 
> [![image][image 6]][image_image 6]

> 运算过程:
> 
> \-10
> 
> <table style="margin:0px 0px 0px 2em; padding:0px; border-collapse:collapse; border-spacing:0px; max-width:850px; border:1px solid silver; word-break:break-word"> 
>  <tbody style="margin:0px; padding:0px"> 
>   <tr style="margin:0px; padding:0px"> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 0</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 0</td> 
>   </tr> 
>  </tbody> 
> </table>
> 
> 经过无符号右移-10>>>1
> 
> <table style="margin:0px 0px 0px 2em; padding:0px; border-collapse:collapse; border-spacing:0px; max-width:850px; border:1px solid silver; word-break:break-word"> 
>  <tbody style="margin:0px; padding:0px"> 
>   <tr style="margin:0px; padding:0px"> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 0</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 0</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>    <td style="margin:0px; padding:3px; border:1px solid silver; border-collapse:collapse"> 1</td> 
>   </tr> 
>  </tbody> 
> </table>

> 结果:
> 
> 2147483643

[http_www.cnblogs.com_oneword_archive_2009_12_23_1631039.html]: http://www.cnblogs.com/oneword/archive/2009/12/23/1631039.html
[image]: /images/20220608/5d780affb1a1498e86ee3f4353a127f1.png
[image 1]: http://images.cnblogs.com/cnblogs_com/oneword/WindowsLiveWriter/Javascript_13CE5/image.png
[image 2]: http://images.cnblogs.com/cnblogs_com/oneword/WindowsLiveWriter/Javascript_13CE5/image_thumb_1.png
[image_image 2]: /images/20220608/9dbd1478cd914ae0aebf014c9566f483.png
[image 3]: http://images.cnblogs.com/cnblogs_com/oneword/WindowsLiveWriter/Javascript_13CE5/image_thumb_2.png
[image_image 3]: /images/20220608/5d3d923e4fc441c79c0208a18709c183.png
[image 4]: http://images.cnblogs.com/cnblogs_com/oneword/WindowsLiveWriter/Javascript_13CE5/image_thumb_3.png
[image_image 4]: /images/20220608/6121c58e34c94c76ad42208f7726628a.png
[image 5]: http://images.cnblogs.com/cnblogs_com/oneword/WindowsLiveWriter/Javascript_13CE5/image_thumb_4.png
[image_image 5]: /images/20220608/b44d92f74e584d49a1c34a6b43eac5d1.png
[image 6]: http://images.cnblogs.com/cnblogs_com/oneword/WindowsLiveWriter/Javascript_13CE5/image_thumb_5.png
[image_image 6]: /images/20220608/c3576157c3924e288dde1dfc0a381043.png