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

开发 开发工具 前端
这篇文章里面,js整数的操作运用了单竖杠,单竖杠是什么意思?现在就给大家简单的介绍一下。

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

[[190334]]

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

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

  1. 1. Math.ceil()用作向上取整。 
  2. 2. Math.floor()用作向下取整。 
  3. 3. Math.round() 我们数学中常用到的四舍五入取整。 
  4. console.log(0.6|0)//0 
  5. console.log(1.1|0)//1 
  6. console.log(3.65555|0)//3 
  7. console.log(5.99999|0)//5 
  8. console.log(-7.777|0)//-7 

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

toFixed方法用法如下:

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

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

toPrecision用法如下:

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

单竖杠的运算规则

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

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

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

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

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

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

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

戳这里,看该作者更多好文

责任编辑:赵宁宁 来源: 51CTO专栏
相关推荐

2024-02-26 15:17:20

2010-10-08 09:17:07

JavaScript表JavaScript运

2010-07-14 17:43:25

Perl运算符

2009-06-21 13:48:05

ShellLinux运算符

2009-08-11 15:51:08

C#运算符算术运算符

2023-04-10 08:58:13

C#关系运算符

2010-07-14 16:00:30

Perl

2013-08-15 16:48:39

.Net基础

2017-05-11 16:38:07

javascript逻辑运算符

2009-08-12 15:02:49

C#赋值运算符简单赋值运算符

2009-08-12 15:20:18

C#赋值运算符复合赋值运算符

2022-08-24 15:02:17

JS空值合并运算符

2010-07-20 14:52:51

Perl语法

2009-11-18 09:02:55

PHP运算符

2010-07-14 17:36:00

Perl运算符

2021-06-02 07:02:42

js作用域函数

2023-03-29 09:22:03

SQLWhere语句

2009-11-26 11:12:07

PHP运算符

2019-10-09 14:23:59

Python运算符代码

2009-08-12 10:20:52

C#位运算符
点赞
收藏

51CTO技术栈公众号