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

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

创新互联成立与2013年，是专业互联网技术服务公司，拥有项目网站建设、成都网站制作网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元高唐做网站,已为上家服务,为高唐各地企业和个人服务,联系电话:18982081108

我看了一下之前的那篇文章，只写了用法，但是并没有解释。好吧，我现在就给大家简单的介绍一下：

之前文章，在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
 
 
 

注：除了Math的三个方法处理数字，我们还经常用parseInt()、parseFloat()、toFixed()与toPrecision() 等等。 简单解释：

toFixed方法用法如下：

 
 
 

  
  
  
100.456001.toFixed(2); //100.47
  
  
  
100.456001.toFixed(3); //100.456
  
  
  
Number.prototype.toFixed.call(100.456001,2);  //100.47
 
 
 

缺点：用之后就会变成字符串。

toPrecision用法如下：

 
 
 

  
  
  
99.456001.toPrecision(5);  //99.456
  
  
  
100.456001.toPrecision(5); //100.46
  
  
  
Number.prototype.toPrecision.call(10.456001,5);  //10.456
 
 
 

单竖杠的运算规则

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

带着这些问题，我们看下面例子：

 
 
 

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

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

 
 
 

  
  
  
3|4转换为二进制之后011|100  相加得到111=74|4转换为二进制之后100 |100  相加得到100=48|3转换为二进制之后1000 |011  相加得到1011=11
 
 
 

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

【本文为专栏作者“谢军”的原创稿件，转载可通过作者微信公众号(jingfeng18)获取联系】

文章名称：前端开发js运算符单竖杠“|”的用法和作用及js数据处理
网站地址：http://www.mswzjz.cn/qtweb/news10/16910.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能，是专注品牌与效果的网络营销公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 贝锐智能