詳解JavaScript中|單豎杠運算符的使用方法
更新時間：2016年05月23日 16:47:44 作者：Aaron
JavaScript中|單豎杠通常被用來對浮點型數(shù)字進行取證,這里同時也介紹了單豎杠的運算規(guī)則,下面我們就來詳解JavaScript中|單豎杠的使用方法
js運算符單豎杠“|”的作用
在js整數(shù)操作的時候，相當于去除小數(shù)點，parseInt。在正數(shù)的時候相當于Math.floor(),負數(shù)的時候相當于Math.ceil() 注：
1. Math.ceil()用作向上取整。
2. Math.floor()用作向下取整。
3. Math.round() 我們數(shù)學中常用到的四舍五入取整。
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的三個方法處理數(shù)字，我們還經(jīng)常用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
單豎杠的運算規(guī)則
看了上面的例子，大體知道單豎杠可以進行取整運算，就是只保留正數(shù)部分，小數(shù)部分通過拿掉，但是“|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
好吧，我在這里公布答案吧。其實單豎杠“|”就是轉換為2進制之后相加得到的結果。例如我們拿簡單的舉例：
復制代碼 代碼如下:
3|4
轉換為二進制之后011|100 相加得到111=7
復制代碼 代碼如下:
4|4
轉換為二進制之后100 |100 相加得到100=4
復制代碼 代碼如下:
8|3
轉換為二進制之后1000 |011 相加得到1011=11
相關文章
這篇文章主要介紹了JavaScript模塊的用法以及語法基礎，需要的朋友參考學習下吧。2017-12-12
深入理解JavaScript系列（30）：設計模式之外觀模式詳解
這篇文章主要介紹了深入理解JavaScript系列（30）：設計模式之外觀模式詳解,外觀模式（Facade）為子系統(tǒng)中的一組接口提供了一個一致的界面,此模塊定義了一個高層接口,這個接口值得這一子系統(tǒng)更加容易使用,需要的朋友可以參考下2015-03-03
這篇文章主要介紹YUI模塊化開發(fā)的原理,提供了代碼給大家學習參考使用2013-11-11
網(wǎng)友整理的107條javascript語法字典，方便經(jīng)常使用js編程的朋友2008-06-06
本文給大家匯總了一些自己整理的在項目中經(jīng)常能夠用到的javascript小方法，基本都是短小精悍型，方便大家快速開發(fā)。2014-12-12
用到javascript的排序一組數(shù)字，js沒有直接的數(shù)字比較的函數(shù)可以調用，所以自己寫了一個快速排序,需要的朋友可以了解下2012-12-12
本篇文章主要介紹了js學習筆記之事件處理模型，對初學這具有一定的參考價值，感興趣的小伙伴們可以參考一下。2016-10-10
ECMAScript6的新特性箭頭函數(shù)（Arrow Function）詳細介紹
這篇文章主要介紹了ECMAScript6的新特性箭頭函數(shù)（Arrow Function）詳細介紹,ECMAScript6其實就是JavaScript,它的新特性就是JS的新特性,引入只是時間問題,需要的朋友可以參考下2014-06-06
只要是寫過點JS代碼，很簡單一個var 就完事了,那么JS編譯器背后它又發(fā)生了什么呢？在本文將為大家詳細介紹下，感興趣的朋友不要錯過2013-10-10
這篇文章主要介紹了JavaScript作用域的相關資料，文中講解非常細致，代碼幫助大家更好的理解和學習，感興趣的朋友可以了解下2020-07-07