之前文章,在js整数操作的时候,相当于去除小数点,parseInt。在正数的时候相当于Math.floor(),负数的时候相当于Math.ceil() 注:

1. Math.ceil()用作向上取整。
2. Math.floor()用作向下取整。
3. Math.round() 我们数学中常用到的四舍五入取整。

console.log(0.6|0)//0
console.log(1.1|0)//1
console.log(3.65555|0)//3
console.log(5.99999|0)//5
console.log(-7.777|0)//-7

单竖杠的运算规则

看了上面的例子,大体知道单竖杠可以进行取整运算,就是只保留正数部分,小数部分通过拿掉,但是“|0”,又是如何进行运算的呢,为什么能“|0”能达到取整的目的呢?单竖杠不是0有会是多少呢?

带着这些问题,我们看下面例子:

console.log(3|4); //7
console.log(4|4);//4
console.log(8|3);//11
console.log(5.3|4.1);//5
console.log(9|3455);//3455

这里面提到了单竖杠“|”但是没有javascript的。

好吧,我在这里公布答案吧。其实单竖杠“|”就是转换为2进制之后相加得到的结果。例如我们拿简单的举例:

3|4
转换为二进制之后011|100  相加得到111=7

4|4
转换为二进制之后100 |100  相加得到100=4

8|3
转换为二进制之后1000 |011  相加得到1011=11

以此类推,我在这里就不一一列举了,单竖杠“|”运算就是转换为2进制之后相加得到的结果!

JS 双竖线运算符

1、JS双竖线运算符:是或比较.如null||'1',返回'1';'2'||'1',返回'2'.即或运算符中,第一个为真,后面的就不用计算了.所以得'2'。

2、js 中 使用双竖线运算符"||",返回第一个有效值

var objOne = undefined || 1 || null || new Date(); 
var objTwo = new Date(); 
var objThree = objOne || objTwo; 
alert(objThree.toString()); //out put "1"

总结

性能上的比较

逻辑运算符&& || 中,如果&&的第一个运算数是false,就不再考虑第二个运算数,直接返回false;如果||的第一个运算数是true,也不再考虑第二个运算数,直接返回true。而&和|运算符却不是这样的,它们总是要比较两个运算数才得出结果,因而性能上&&和||会比&和|好。

功能用法

&&和||只能进行逻辑运算,而&和|除了可以进行"逻辑运算"外,还可以进行位运算

位运算

&和|本是位运算符,之所以可以进行"逻辑运算",是由于JS是无类型的语言、各数据类型可以自由转换这一特性决定的,当用&和|进行"逻辑运算"时,实际上true被转换成1,false被转换成0,再进行逐位运算:

document.write(true & false); //JS,结果为0

上面这句,实例等同于逻辑运算被转化成下面的位运算,并执行:

document.write(1 & 0); //JS,结果为0

也正是由于&和|是逐位运算符,才出现了第一点中所说的,它们总是要比较两个运算数才得出结果,才导致性能会比&&和||低一些。

js运算符单竖杠“|”与“||”的用法和作用介绍相关推荐

  1. 一个竖杠在python中代表什么_详解js运算符单竖杠“|”与“||”的用法和作用介绍...

    在js开发应用中我们通常会碰到"|"与"||"了,那么在运算中"|"与"||"是什么意思呢? 在js整数操作的时候,相当 ...

  2. js运算符单竖杠“|”与“||”的用法和作用

    &&和||只能进行逻辑运算,而&和|除了可以进行"逻辑运算"外,还可以进行位运算 如: &&双真才真: &&前面为false ...

  3. js运算符单竖杠“|”的用法和作用及js数据处理

    js运算符单竖杠"|"的作用 很多朋友都对双竖杠"||",了如指掌,因为这个经常用到.但是大家知道单竖杠吗?今天有个网友QQ问我,我的 javascript实用 ...

  4. js运算符单竖杠“|”的用法

    js运算符单竖杠"|"的作用 很多朋友都对双竖杠"||",了如指掌,因为这个经常用到.但是大家知道单竖杠吗?今天有个网友QQ问我,我的 javascript实用 ...

  5. 前端开发js运算符单竖杠“|”的用法和作用及js数据处理

    很多朋友都对双竖杠"||",了如指掌,因为这个经常用到.但是大家知道单竖杠吗?今天有个网友QQ问我,我的 javascript实用技巧,js小知识 , 这篇文章里面,js整数的操作 ...

  6. JavaScript---位运算符单竖杠(|)在JS的使用,与或(||)要作区分

    一.单竖杠后面是0的话,可以当做取整的运算 // 直接取整,不管后面数字是否超过5 // 此时等价于 Math.floor // 此时等价于 ~~数字(~~1.4.~~1.6) console.log ...

  7. js中window。location.search的用法和作用。

    用该属性获取页面 URL 地址: window.location 对象所包含的属性 属性 描述 hash 从井号 (#) 开始的 URL(锚) host 主机名和当前 URL 的端口号 hostnam ...

  8. python中的美元符号_Shell脚本中的特殊字符(美元符、反斜杠、引号等)作用介绍...

    Shell中的特殊字符有 1.$ 美元符 2.\ 反斜杠 3.` 反引号 4." 双引号 5.< ,>;,*,?,[,] 下面我一一举列说明 一.$符号 1.echo $? 显示 ...

  9. js中单竖杠 | 的作用

    之前有看过关于单竖杠  "|"  的介绍,但由于自己用得少,所以常常忘记,写下来记录一下. 在做数的处理时,| 的作用是去除小数点取整,所以在处理正数是相当去  Math.floo ...

最新文章

  1. 用VS2005打开一个.NET2.0方案,里面有几个工程和一个网站,提示网站的项目.csproj文件无法打开:“此安装不支持该项目类型”,的解决办法。...
  2. Dapper 多数据库优化
  3. docker安装mysql指定_Docker安装MySql,并且使用外部客户端链接
  4. jQuery插件推荐(一) ——图像切换展示
  5. 4.与JSP的第一次握手
  6. 【Docker学习笔记(五)】小结
  7. ymodem传输的终端工具_Serial for Mac(现代化的终端设计软件)
  8. 写给数据小白:怎么让你的分析结论超出预期,不再是废纸一堆
  9. 【剑指 offer】(二十三)—— 从上往下打印二叉树(或曰层次遍历、广度优先遍历)
  10. ASCII、 Unicode 和 UTF8
  11. 神经网络与深度学习第4章:前馈神经网络 阅读提问
  12. 防火墙阻止tftp_再谈突破TCP-IP过滤/防火墙进入内网(icmp篇)
  13. isight2019安装教程_abaqus2019软件下载+安装教程
  14. win10鼎信诺为什么安装不了_两个方法教你彻底解决win10系统更新补丁安装失败的问题-系统操作与应用 -亦是美网络...
  15. php app用户验证失败,无法验证app需要互联网连接以认证 建议更换登陆的AppleID
  16. PS学习笔记9-渐变工具
  17. 第157篇 合约安全-随机数
  18. html 评分星级显示,星级评分效果.html
  19. 4 int、str类型(数据类型1)、type()
  20. r语言提取cvs数据_r语言,csv数据,提取特定行

热门文章

  1. K210在Windows10的本地训练
  2. 为什么要发送OPTIONS请求,我可以禁用它吗?
  3. OPTIONS请求的处理
  4. 《机器人争霸》和《这!就是铁甲》火了,为什么综艺节目也玩智能科技?
  5. Oracle Flashback(闪回) 详解
  6. 应用个人开发者:普遍依赖植入广告
  7. 程序人生-Hello’s P2P——哈尔滨工业大学计算机系统大作业
  8. Hbase行键的设计
  9. weka使用mysql数据_Weka访问MySql数据库
  10. Wox工具使用-释放双手的神器(window快速搜索文件启动程序软件)