JavaScript一元正號(hào)運(yùn)算符示例代碼
本文適合JavaScript初學(xué)者。
一元正號(hào)介紹
一元正號(hào)運(yùn)算符(+)位于其操作數(shù)前面,計(jì)算其操作數(shù)的數(shù)值,如果操作數(shù)不是一個(gè)數(shù)值,會(huì)嘗試將其轉(zhuǎn)換成一個(gè)數(shù)值。 盡管一元負(fù)號(hào)也能轉(zhuǎn)換非數(shù)值類型,但是一元正號(hào)是轉(zhuǎn)換其他對(duì)象到數(shù)值的最快方法,也是最推薦的做法,因?yàn)樗粫?huì)對(duì)數(shù)值執(zhí)行任何多余操作。
轉(zhuǎn)換字符串
一元正號(hào)可以用于轉(zhuǎn)換數(shù)值字符串為數(shù)字,比如如下代碼:
+ "123" // 123 + "12.3" // 12.3
也可以轉(zhuǎn)換二進(jìn)制、16進(jìn)制數(shù)值、自然底數(shù)的字符串:
+ "0x11" // 17 + "0b11" // 3 + "1e10" // 10000000000
看起來 和parseFloat功能類似,但是parseFloat支持字符串后面部分不為數(shù)字的情況,一元正號(hào)卻不行,比如:
parseFloat("1px") // 1
+ "1px" // NaN
如果是空字符串或者多個(gè)空格組成的字符串,一元正號(hào)會(huì)轉(zhuǎn)換為0,parseFloat 結(jié)果為NaN
+ ' ' // 0
parseFloat(' ') // NaN
負(fù)數(shù)形式字符串也可以轉(zhuǎn)換成數(shù)值,但是對(duì)于十六進(jìn)制 二進(jìn)制不適用,對(duì)于自然底數(shù)適用(parseFloat 都適用):
+'-123' // 123 + "-0x11" // NaN + "-0b11" // NaN + "-1e10" // -10000000000
轉(zhuǎn)換日期對(duì)象
一元正號(hào)轉(zhuǎn)換日期對(duì)象為數(shù)字,得到時(shí)間戳,比如如下代碼:
+ new Date(); // 1561020101609
相當(dāng)于如下代碼:
new Date().getTime(); // 1561020101609
轉(zhuǎn)換null、undefined、NaN
一元正號(hào)會(huì)把null轉(zhuǎn)換為0,undefined 轉(zhuǎn)換為NaN。一元正號(hào)施加于NaN,結(jié)果還是NaN。代碼如下:
+ null // 0 + undefined // NaN + NaN // NaN
轉(zhuǎn)換布爾值
一元正號(hào)會(huì)把true 轉(zhuǎn)換為1,false轉(zhuǎn)換為0:
+ true;// 1 + false;// 0
轉(zhuǎn)換數(shù)組
一元正號(hào)會(huì)把空數(shù)組[],轉(zhuǎn)換為0。如果數(shù)組只有一個(gè)元素,切第一個(gè)元素為數(shù)字或者字符串,會(huì)對(duì)第一個(gè)元素進(jìn)行轉(zhuǎn)換,如果有多個(gè)元素,返回NaN,代碼如下:
+ []// 0 + ['123'] // 123 + [true] // NaN + [1,2] // NaN
總結(jié)
一元正號(hào)運(yùn)算符對(duì)于數(shù)字字符串和日期的轉(zhuǎn)換比較適用。
好了,以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,謝謝大家對(duì)腳本之家的支持。
- js 與或運(yùn)算符 || && 妙用
- javascript三元運(yùn)算符用法實(shí)例
- javascript typeof的用法與typeof運(yùn)算符介紹[詳細(xì)]
- JS按位非(~)運(yùn)算符與~~運(yùn)算符的理解分析
- Javascript 按位取反運(yùn)算符 (~)
- JS中三目運(yùn)算符和if else的區(qū)別分析與示例
- js中的 || 與 && 運(yùn)算符詳解
- Javascript 按位左移運(yùn)算符使用介紹(<<)
- 詳解js運(yùn)算符單豎杠“|”與“||”的用法和作用介紹
- JavaScript中的6種運(yùn)算符總結(jié)
相關(guān)文章
Chrome中模態(tài)對(duì)話框showModalDialog返回值問題的解決方法
chrome中彈出模態(tài)對(duì)話框,通過window.returnValue賦返回值關(guān)閉后,有的情況下無法取得返回值。2010-05-05
Echarts?3D散點(diǎn)圖實(shí)戰(zhàn)案例
這篇文章主要給大家介紹了關(guān)于Echarts?3D散點(diǎn)圖的相關(guān)資料, Echarts散點(diǎn)圖是一種常用的數(shù)據(jù)可視化圖表類型,用于展示兩個(gè)或多個(gè)維度的數(shù)據(jù)分布情況,需要的朋友可以參考下2023-11-11
微信小程序開發(fā)實(shí)戰(zhàn)快速入門教程
這篇文章主要為大家介紹了開發(fā)一個(gè)微信小程序?qū)崙?zhàn)快速入門教程,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-04-04
IE和Firefox在JavaScript應(yīng)用中的兼容性探討
今天在使用CSS屬性的時(shí)候發(fā)現(xiàn)"cursor:hand;"在Firefox中鼠標(biāo)不會(huì)變?yōu)槭中停髞砩暇W(wǎng)搜索了一下資料,發(fā)現(xiàn)hand這個(gè)cursor屬性在Firrefox中不兼容,使用"cursor:pointer"就都可以顯示了。2008-04-04
Bootstrap菜單按鈕及導(dǎo)航實(shí)例解析
這篇文章主要介紹了Bootstrap菜單按鈕及導(dǎo)航的相關(guān)資料,本文介紹的非常詳細(xì),具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧2016-09-09
根據(jù)地區(qū)不同顯示時(shí)間的javascript代碼
根據(jù)地區(qū)不同顯示時(shí)間的javascript代碼...2007-08-08

