在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
單豎槓的運算規則
看了上面的例子，大體知道單豎槓可以進行取整運算，就是只保留正數部分，小數部分通過拿掉，但是“|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
這裡面提到了單豎槓「|」但是沒有javascript的。
好吧，我在這裡公佈答案吧。其實單豎槓「|」就是轉換為2進位之後相加得到的結果。例如我們拿簡單的範例：
3|4
轉換成二進位之後011|100 相加得到111=7
4|4
轉換為二進位之後100 |100 相加得到100=4
8|3
轉換成二進位之後1000 |011 相加得到1011=11
以此類推，我在這裡就不一一列舉了，單豎槓「|」運算就是轉換為2進位之後相加得到的結果！
JS 雙豎線運算子
1、JS雙豎線運算子:是或比較.如null||'1',回傳'1'; '2'||'1',返回'2'.即或運算子中,第一個為真,後面的就不用計算了.所以得'2'。
2、js 中使用雙垂直線運算子"||",傳回第一個有效值
var objOne = undefined || 1 || null || new Date(); var objTwo = new Date(); var objThree = objOne || objTwo; alert(objThree.toString()); //out put "1"
總結
效能上的比較
邏輯運算子&& || 中，如果&&的第一個運算數是false，就不再考慮第二個運算數，直接傳回false；如果||的第一個運算數是true，也不再考慮第二個運算數，直接傳回true。而&和|運算子卻不是這樣的，它們總是要比較兩個運算數才得出結果，因而性能上&&和||會比&和|好。
功能用法
&&和||只能進行邏輯運算，而&和|除了可以進行"邏輯運算"外，還可以進行位元運算
位元運算
&和|本來是位元運算符，之所以可以進行"邏輯運算"，是由於JS是無型別的語言、各資料型別可以自由轉換這一特性決定的，當用&和|進行"邏輯運算"時，實際上true被轉換成1，false被轉換成0，再進行逐位運算：
document.write(true & false); //JS，结果为0
上面這句，實例等同於邏輯運算被轉換成下面的位元運算，並執行：
document.write(1 & 0); //JS，结果为0
也正是由於&和|是逐位運算符，才出現了第一點中所說的，它們總是要比較兩個運算數才得出結果，才導致性能會比&&和||低一些。
上面是我整理給大家的，希望今後會對大家有幫助。
相關文章：
以上是js運算子單豎槓「|」與「||」使用講解的詳細內容。更多資訊請關注PHP中文網其他相關文章！
