DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 詳解js運算符單豎槓“|”與“||”的用法和作用介紹
詳解js運算符單豎槓“|”與“||”的用法和作用介紹
編輯:JavaScript基礎知識     

在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

也正是由於&和|是逐位運算符,才出現了第一點中所說的,它們總是要比較兩個運算數才得出結果,才導致性能會比&&和||低一些。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved