詳解JavaScript中|單豎杠運(yùn)算符的使用方法
js運(yùn)算符單豎杠“|”的作用
在js整數(shù)操作的時(shí)候，相當(dāng)于去除小數(shù)點(diǎn)，parseInt。在正數(shù)的時(shí)候相當(dāng)于Math.floor(),負(fù)數(shù)的時(shí)候相當(dāng)于Math.ceil() 注：
1. Math.ceil()用作向上取整。
2. Math.floor()用作向下取整。
3. Math.round() 我們數(shù)學(xué)中常用到的四舍五入取整。
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的三個(gè)方法處理數(shù)字，我們還經(jīng)常用parseInt()、parseFloat()、toFixed()與toPrecision() 等等。 簡(jiǎn)單解釋?zhuān)?/p>
toFixed方法用法如下：
100.456001.toFixed(2); //100.47 100.456001.toFixed(3); //100.456 Number.prototype.toFixed.call(100.456001,2); //100.47
缺點(diǎn)：用之后就會(huì)變成字符串。
toPrecision用法如下：
99.456001.toPrecision(5); //99.456 100.456001.toPrecision(5); //100.46 Number.prototype.toPrecision.call(10.456001,5); //10.456
單豎杠的運(yùn)算規(guī)則
看了上面的例子，大體知道單豎杠可以進(jìn)行取整運(yùn)算，就是只保留正數(shù)部分，小數(shù)部分通過(guò)拿掉，但是“|0”，又是如何進(jìn)行運(yùn)算的呢，為什么能“|0”能達(dá)到取整的目的呢？單豎杠不是0有會(huì)是多少呢？
帶著這些問(wèn)題，我們看下面例子：
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
好吧，我在這里公布答案吧。其實(shí)單豎杠“|”就是轉(zhuǎn)換為2進(jìn)制之后相加得到的結(jié)果。例如我們拿簡(jiǎn)單的舉例：
轉(zhuǎn)換為二進(jìn)制之后011|100 相加得到111=7
轉(zhuǎn)換為二進(jìn)制之后100 |100 相加得到100=4
轉(zhuǎn)換為二進(jìn)制之后1000 |011 相加得到1011=11
相關(guān)文章
這篇文章主要介紹了JavaScript模塊的用法以及語(yǔ)法基礎(chǔ)，需要的朋友參考學(xué)習(xí)下吧。2017-12-12
深入理解JavaScript系列（30）：設(shè)計(jì)模式之外觀模式詳解
這篇文章主要介紹了深入理解JavaScript系列（30）：設(shè)計(jì)模式之外觀模式詳解,外觀模式（Facade）為子系統(tǒng)中的一組接口提供了一個(gè)一致的界面,此模塊定義了一個(gè)高層接口,這個(gè)接口值得這一子系統(tǒng)更加容易使用,需要的朋友可以參考下2015-03-03
這篇文章主要介紹YUI模塊化開(kāi)發(fā)的原理,提供了代碼給大家學(xué)習(xí)參考使用2013-11-11
網(wǎng)友整理的107條javascript語(yǔ)法字典，方便經(jīng)常使用js編程的朋友2008-06-06
本文給大家匯總了一些自己整理的在項(xiàng)目中經(jīng)常能夠用到的javascript小方法，基本都是短小精悍型，方便大家快速開(kāi)發(fā)。2014-12-12
JavaScript實(shí)現(xiàn)快速排序(自已編寫(xiě))
用到j(luò)avascript的排序一組數(shù)字，js沒(méi)有直接的數(shù)字比較的函數(shù)可以調(diào)用，所以自己寫(xiě)了一個(gè)快速排序,需要的朋友可以了解下2012-12-12
本篇文章主要介紹了js學(xué)習(xí)筆記之事件處理模型，對(duì)初學(xué)這具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2016-10-10
ECMAScript6的新特性箭頭函數(shù)（Arrow Function）詳細(xì)介紹
這篇文章主要介紹了ECMAScript6的新特性箭頭函數(shù)（Arrow Function）詳細(xì)介紹,ECMAScript6其實(shí)就是JavaScript,它的新特性就是JS的新特性,引入只是時(shí)間問(wèn)題,需要的朋友可以參考下2014-06-06
只要是寫(xiě)過(guò)點(diǎn)JS代碼，很簡(jiǎn)單一個(gè)var 就完事了,那么JS編譯器背后它又發(fā)生了什么呢？在本文將為大家詳細(xì)介紹下，感興趣的朋友不要錯(cuò)過(guò)2013-10-10
這篇文章主要介紹了JavaScript作用域的相關(guān)資料，文中講解非常細(xì)致，代碼幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-07-07