javascript 操作符(~、&、|、^、)使用案例


Posted in Javascript onDecember 31, 2014

废话少说,直接上代码

<script type="text/javascript">

        //javascript操作符

        //1、按位非~

        var num1=25;//

        var num2=~num1;//

        alert(num2)

        var num3=10;

        var num4=~num3;

        alert(num4)

        var num5=99;

        var num6=~num5;

        alert(num6)

        //说明:相信大家也已经看出来了按位~(NOT)的实现原理:

        //以num1、num2为讲解对象

        //第一步:先把num1转换成二进制

        //第二步:取得num1二进制的反码赋值给num2

        //第三步:在把num2换算成十进制数字

        //简单说明:就是把操作数的数值的负数减1

        //2、按位与 &(AND)

        var result=25 & 3;

        alert(result);//1

        //说明,就是把两数转换成二进制数字,按照一定的规则:

        //第一个数值的位       第二个数值的位     结果

        //  1                       1           1

        //  1                       0           0

        //  0                       1           0

        //  0                       0           0

        //简而言之,按位操作符的相对应的位都是1时则返回1,任何一位是0则返回0.

        //然后在得到的二进制转换成十进制数字

      //  25=0000 0000 0000 0000 0000 0000 0001 1001

      //  3= 0000 0000 0000 0000 0000 0000 0000 0011

      //  ------------------------------------------

      // AND=0000 0000 0000 0000 0000 0000 0000 0001

        //3、按位或 |(OR)

        var result=25 | 3;

        alert(result);//27

        //说明,就是把两数转换成二进制数字,按照一定的规则:

        //第一个数值的位       第二个数值的位     结果

        //  1                       1           1

        //  1                       0           1

        //  0                       1           1

        //  0                       0           0

        //简而言之,按位操作符的相对应的位有一位是1就返回1,而只有在两个位都是0的情况下才返回0.

        //然后在得到的二进制转换成十进制数字

        //  25=0000 0000 0000 0000 0000 0000 0001 1001

        //  3= 0000 0000 0000 0000 0000 0000 0000 0011

        //  ------------------------------------------

        //  OR=0000 0000 0000 0000 0000 0000 0001 1011

        //4、按位异或 ^(XOR)

        var result= 25 ^ 3;

        alert(result);//26

        //说明,就是把两数转换成二进制数字,按照一定的规则:

        //第一个数值的位       第二个数值的位     结果

        //  1                       1           0

        //  1                       0           1

        //  0                       1           1

        //  0                       0           0

        //简而言之,这个操作符(^)在两个数值对应位上只有一个1时才返回1,否则返回0.

        //然后在得到的二进制转换成十进制数字

        //  25=0000 0000 0000 0000 0000 0000 0001 1001

        //  3= 0000 0000 0000 0000 0000 0000 0000 0011

        //  ------------------------------------------

        // XOR=0000 0000 0000 0000 0000 0000 0001 1010

        //5、左移(<<)

        var oldNum=2;

        var newNum=oldNum << 5;

        alert(newNum)

        //说明,将2(二进制数码10)向左移5位结果就是1000000(二进制)等于64

        //注意,左移不会影响操作符的符号位,例如将-2左移5位就是-64

        //2=0000 0000 0000 0000 0000 0000 0000 0010

       //64=0000 0000 0000 0000 0000 0000 010 00000

        //6、有符号右移(>>)

        var oldNum=64;

        var newNum=oldNum >> 5;

       //64=0000 0000 0000 0000 0000 0000 010 00000

        //2=0000 0000 0000 0000 0000 0000 0000 0010

        alert(newNum)

    </script>

注释里解释的很清楚了,小伙伴们是否了解了javascript中的操作符的用法了呢,有疑问就给我留言吧

Javascript 相关文章推荐
javascript 冒号 使用说明
Jun 06 Javascript
表格 隔行换色升级版
Nov 07 Javascript
改善你的jQuery的25个步骤 千倍级效率提升
Feb 11 Javascript
JavaScript获取和设置CheckBox状态的简单方法
Jul 05 Javascript
node.js不得不说的12点内容
Jul 14 Javascript
javascript操作字符串的原生方法
Dec 22 Javascript
获取jqGrid中选择的行的数据
Nov 30 Javascript
ES6数组的扩展详解
Apr 25 Javascript
bootstrap响应式工具使用详解
Nov 29 Javascript
vue.js element-ui validate中代码不执行问题解决方法
Dec 18 Javascript
详解使用webpack构建多页面应用
Dec 21 Javascript
用 js 写一个 js 解释器过程详解
Aug 02 Javascript
JavaScript中的逻辑判断符&amp;&amp;、||与!介绍
Dec 31 #Javascript
JavaScript中的eval()函数使用介绍
Dec 31 #Javascript
JSONP跨域GET请求解决Ajax跨域访问问题
Dec 31 #Javascript
JavaScript中的异常捕捉介绍
Dec 31 #Javascript
JavaScript中对象介绍
Dec 31 #Javascript
JavaScript中用字面量创建对象介绍
Dec 31 #Javascript
javascript设计模式之中介者模式Mediator
Dec 30 #Javascript
You might like
星际争霸任务指南——虫族
2020/03/04 星际争霸
基于文本的访客签到簿
2006/10/09 PHP
php读取csv文件并输出的方法
2015/03/14 PHP
javascript 实现父窗口引用弹出窗口的值的脚本
2007/08/07 Javascript
jQuery实现仿淘宝带有指示条的图片转动切换效果完整实例
2015/03/04 Javascript
jQuery实现在textarea指定位置插入字符或表情的方法
2015/03/11 Javascript
JQuery实现带排序功能的权限选择实例
2015/05/18 Javascript
js预加载图片方法汇总
2015/06/15 Javascript
JS实现slide文字框缩放伸展效果代码
2015/11/05 Javascript
SWFUpload多文件上传及文件个数限制的方法
2016/05/31 Javascript
Bootstrap CSS布局之按钮
2016/12/17 Javascript
详细AngularJs4的图片剪裁组件的实例
2017/07/12 Javascript
十分钟带你快速了解React16新特性
2017/11/10 Javascript
微信小程序实现获取准确的腾讯定位地址功能示例
2019/03/27 Javascript
angular4+百分比进度显示插件用法示例
2019/05/05 Javascript
turn.js异步加载实现翻书效果
2019/07/25 Javascript
详解微信小程序中var、let、const用法与区别
2020/01/11 Javascript
如何基于viewport vm适配移动端页面
2020/11/13 Javascript
Python自定义线程池实现方法分析
2018/02/07 Python
python使用matplotlib绘制热图
2018/11/07 Python
python从入门到精通 windows安装python图文教程
2019/05/18 Python
python基于FTP实现文件传输相关功能代码实例
2019/09/28 Python
python递归函数求n的阶乘,优缺点及递归次数设置方式
2020/04/02 Python
Python可以实现栈的结构吗
2020/05/27 Python
Python实现定时监测网站运行状态的示例代码
2020/09/30 Python
澳大利亚家具和家居用品在线商店:Interiors Online
2018/03/05 全球购物
库房主管岗位职责
2013/12/31 职场文书
放飞梦想演讲稿200字
2014/08/26 职场文书
2014大学生学生会工作总结
2014/12/19 职场文书
公司出纳岗位职责
2015/03/31 职场文书
2016教师学习党章心得体会
2016/01/15 职场文书
2019班干部竞选演讲稿范本!
2019/07/08 职场文书
利用javaScript处理常用事件详解
2021/04/14 Javascript
Redis源码阅读:Redis字符串SDS详解
2021/07/15 Redis
win11无线投屏在哪设置? win11无线投屏功能的使用方法
2022/04/08 数码科技
python实现手机推送 代码也就10行左右
2022/04/12 Python