欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解js運算符單豎杠“|”與“||”的用法和作用介紹

 更新時間:2016年11月04日 14:52:24   作者:浮生小夢  
在js開發(fā)應用中我們通常會碰到“|”與“||”了,那么在運算中“|”與“||”是什么意思呢?本篇文章主要介紹了詳解js運算符單豎杠“|”與“||”的用法,有需要的可以了解一下。

在js開發(fā)應用中我們通常會碰到“|”與“||”了,那么在運算中“|”與“||”是什么意思呢?

在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

單豎杠的運算規(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

這里面提到了單豎杠“|”但是沒有javascript的。

好吧,我在這里公布答案吧。其實單豎杠“|”就是轉(zhuǎn)換為2進制之后相加得到的結果。例如我們拿簡單的舉例:

3|4

轉(zhuǎn)換為二進制之后011|100  相加得到111=7

4|4

轉(zhuǎn)換為二進制之后100 |100  相加得到100=4

8|3

轉(zhuǎn)換為二進制之后1000 |011  相加得到1011=11

以此類推,我在這里就不一一列舉了,單豎杠“|”運算就是轉(zhuǎn)換為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"

總結

性能上的比較

邏輯運算符&& || 中,如果&&的第一個運算數(shù)是false,就不再考慮第二個運算數(shù),直接返回false;如果||的第一個運算數(shù)是true,也不再考慮第二個運算數(shù),直接返回true。而&和|運算符卻不是這樣的,它們總是要比較兩個運算數(shù)才得出結果,因而性能上&&和||會比&和|好。

功能用法

&&和||只能進行邏輯運算,而&和|除了可以進行"邏輯運算"外,還可以進行位運算

位運算

&和|本是位運算符,之所以可以進行"邏輯運算",是由于JS是無類型的語言、各數(shù)據(jù)類型可以自由轉(zhuǎn)換這一特性決定的,當用&和|進行"邏輯運算"時,實際上true被轉(zhuǎn)換成1,false被轉(zhuǎn)換成0,再進行逐位運算:

document.write(true & false); //JS,結果為0

上面這句,實例等同于邏輯運算被轉(zhuǎn)化成下面的位運算,并執(zhí)行:

document.write(1 & 0); //JS,結果為0

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

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

相關文章

  • 基于dom編程中 動態(tài)創(chuàng)建與刪除元素的使用

    基于dom編程中 動態(tài)創(chuàng)建與刪除元素的使用

    本篇文章小編將為大家介紹,基于dom編程中動態(tài)創(chuàng)建與刪除元素的使用,有需要的朋友可以參考一下
    2013-04-04
  • JavaScript初級教程(第一課)

    JavaScript初級教程(第一課)

    JavaScript初級教程(第一課)...
    2007-04-04
  • JavaScript操作數(shù)組的常用方法總結

    JavaScript操作數(shù)組的常用方法總結

    這篇文章總結了JavaScript操作數(shù)組的常用方法,文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-06-06
  • Javascript基礎教程之變量

    Javascript基礎教程之變量

    大家都知道javascript是可以隱式聲名變量的。但要注意,隱式聲名變量總是被創(chuàng)建為全局變量。看以下代碼,情愿javascript語言強制聲明變量。建議大家一定要var聲明變量。
    2015-01-01
  • JavaScript中的eval()函數(shù)詳解

    JavaScript中的eval()函數(shù)詳解

    和其他很多解釋性語言一樣,JavaScript同樣可以解釋運行由JavaScript源代碼組成的字符串,并產(chǎn)生一個值。JavaScript通過全局函數(shù)eval()來完成這個工作
    2013-08-08
  • JavaScript中的anchor()方法使用詳解

    JavaScript中的anchor()方法使用詳解

    這篇文章主要介紹了JavaScript中的anchor()方法使用,是JS入門學習中的基礎知識,需要的朋友可以參考下
    2015-06-06
  • javaScript中

    javaScript中"=="和"==="的區(qū)別詳解

    對于JavaScript中比較運算符,可能大家用的比較多的是“==”、對于“===”很多人可能很陌生。=== 表示恒等,首先比較兩邊的變量數(shù)據(jù)類型是否相等,其次比較兩邊的變量的數(shù)值是否相等;== 表示相等即僅僅比較兩邊變量的數(shù)值是否相等。
    2018-03-03
  • JavaScript中的Repaint和Reflow用法詳解

    JavaScript中的Repaint和Reflow用法詳解

    這篇文章主要介紹了JavaScript中的Repaint和Reflow用法詳解,是JS入門學習中的基礎知識,需要的朋友可以參考下
    2015-07-07
  • javascript確認框的三種使用方法

    javascript確認框的三種使用方法

    javascript確認框的三種使用方法,在開發(fā)中經(jīng)常要用到,記錄一下使用方法
    2013-12-12
  • Javascript 二維數(shù)組

    Javascript 二維數(shù)組

    Javascript二維數(shù)組的實現(xiàn)代碼,需要的朋友可以參考下。
    2009-11-11

最新評論