詳解js運(yùn)算符單豎杠“|”與“||”的用法和作用介紹
在js開發(fā)應(yīng)用中我們通常會(huì)碰到“|”與“||”了,那么在運(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
單豎杠的運(yùn)算規(guī)則
看了上面的例子,大體知道單豎杠可以進(jìn)行取整運(yùn)算,就是只保留正數(shù)部分,小數(shù)部分通過拿掉,但是“|0”,又是如何進(jìn)行運(yùn)算的呢,為什么能“|0”能達(dá)到取整的目的呢?單豎杠不是0有會(huì)是多少呢?
帶著這些問題,我們看下面例子:
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的。
好吧,我在這里公布答案吧。其實(shí)單豎杠“|”就是轉(zhuǎn)換為2進(jìn)制之后相加得到的結(jié)果。例如我們拿簡單的舉例:
3|4
轉(zhuǎn)換為二進(jìn)制之后011|100 相加得到111=7
4|4
轉(zhuǎn)換為二進(jìn)制之后100 |100 相加得到100=4
8|3
轉(zhuǎn)換為二進(jìn)制之后1000 |011 相加得到1011=11
以此類推,我在這里就不一一列舉了,單豎杠“|”運(yùn)算就是轉(zhuǎn)換為2進(jìn)制之后相加得到的結(jié)果!
JS 雙豎線運(yùn)算符
1、JS雙豎線運(yùn)算符:是或比較.如null||'1',返回'1';'2'||'1',返回'2'.即或運(yùn)算符中,第一個(gè)為真,后面的就不用計(jì)算了.所以得'2'。
2、js 中 使用雙豎線運(yùn)算符"||",返回第一個(gè)有效值
var objOne = undefined || 1 || null || new Date(); var objTwo = new Date(); var objThree = objOne || objTwo; alert(objThree.toString()); //out put "1"
總結(jié)
性能上的比較
邏輯運(yùn)算符&& || 中,如果&&的第一個(gè)運(yùn)算數(shù)是false,就不再考慮第二個(gè)運(yùn)算數(shù),直接返回false;如果||的第一個(gè)運(yùn)算數(shù)是true,也不再考慮第二個(gè)運(yùn)算數(shù),直接返回true。而&和|運(yùn)算符卻不是這樣的,它們總是要比較兩個(gè)運(yùn)算數(shù)才得出結(jié)果,因而性能上&&和||會(huì)比&和|好。
功能用法
&&和||只能進(jìn)行邏輯運(yùn)算,而&和|除了可以進(jìn)行"邏輯運(yùn)算"外,還可以進(jìn)行位運(yùn)算
位運(yùn)算
&和|本是位運(yùn)算符,之所以可以進(jìn)行"邏輯運(yùn)算",是由于JS是無類型的語言、各數(shù)據(jù)類型可以自由轉(zhuǎn)換這一特性決定的,當(dāng)用&和|進(jìn)行"邏輯運(yùn)算"時(shí),實(shí)際上true被轉(zhuǎn)換成1,false被轉(zhuǎn)換成0,再進(jìn)行逐位運(yùn)算:
document.write(true & false); //JS,結(jié)果為0
上面這句,實(shí)例等同于邏輯運(yùn)算被轉(zhuǎn)化成下面的位運(yùn)算,并執(zhí)行:
document.write(1 & 0); //JS,結(jié)果為0
也正是由于&和|是逐位運(yùn)算符,才出現(xiàn)了第一點(diǎn)中所說的,它們總是要比較兩個(gè)運(yùn)算數(shù)才得出結(jié)果,才導(dǎo)致性能會(huì)比&&和||低一些。
以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- js 與或運(yùn)算符 || && 妙用
- js中的 || 與 && 運(yùn)算符詳解
- javascript三元運(yùn)算符用法實(shí)例
- javascript typeof的用法與typeof運(yùn)算符介紹[詳細(xì)]
- Javascript 按位取反運(yùn)算符 (~)
- JS按位非(~)運(yùn)算符與~~運(yùn)算符的理解分析
- JS中三目運(yùn)算符和if else的區(qū)別分析與示例
- 教你JS中的運(yùn)算符乘方、開方及變量格式轉(zhuǎn)換
- Javascript 按位左移運(yùn)算符使用介紹(<<)
- 一起盤點(diǎn)JavaScript中一些強(qiáng)大的運(yùn)算符
相關(guān)文章
基于dom編程中 動(dòng)態(tài)創(chuàng)建與刪除元素的使用
本篇文章小編將為大家介紹,基于dom編程中動(dòng)態(tài)創(chuàng)建與刪除元素的使用,有需要的朋友可以參考一下2013-04-04JavaScript操作數(shù)組的常用方法總結(jié)
這篇文章總結(jié)了JavaScript操作數(shù)組的常用方法,文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-06-06javaScript中"=="和"==="的區(qū)別詳解
對(duì)于JavaScript中比較運(yùn)算符,可能大家用的比較多的是“==”、對(duì)于“===”很多人可能很陌生。=== 表示恒等,首先比較兩邊的變量數(shù)據(jù)類型是否相等,其次比較兩邊的變量的數(shù)值是否相等;== 表示相等即僅僅比較兩邊變量的數(shù)值是否相等。2018-03-03JavaScript中的Repaint和Reflow用法詳解
這篇文章主要介紹了JavaScript中的Repaint和Reflow用法詳解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-07-07