天天看點

前端開發js運算符單豎杠“|”的用法和作用及js資料處理

很多朋友都對雙豎杠“||”,了如指掌,因為這個經常用到。但是大家知道單豎杠嗎?今天有個網友qq問我,我的 javascript實用技巧,js小知識 , 這篇文章裡面,js整數的操作運用了單豎杠,問我單豎杠是啥意思?

前端開發js運算符單豎杠“|”的用法和作用及js資料處理

我看了一下之前的那篇文章,隻寫了用法,但是并沒有解釋。好吧,我現在就給大家簡單的介紹一下:

之前文章,在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進制之後相加得到的結果!

作者:謝軍

來源:51cto

繼續閱讀