javaScript把其它類型轉(zhuǎn)換為Number類型

更新時(shí)間：2019年10月13日 15:30:27 作者：雪旭

在本篇文章里小編給大家整理的是關(guān)于javaScript把其它類型轉(zhuǎn)換為Number類型的相關(guān)文章，有需要的朋友們學(xué)習(xí)下。

一:基本類型

字符串

把字符串轉(zhuǎn)換為數(shù)字,只要字符串中包含任意一個(gè)非有效數(shù)字字符(第一個(gè)點(diǎn)除外)結(jié)果都是NaN,空字符串會(huì)變?yōu)閿?shù)字零

console.log(Number("12.5")); //12.5
console.log(Number("12.5px")); //NAN
console.log(Number("12.5.5px"));//NAN
console.log(Number(""));//0

布爾

console.log(Number(true));//1
console.log(Number(false));//0
console.log(isNaN(false));//false 是有效數(shù)字

null和undefined

console.log(Number(null));//0
console.log(Number(undefined));//NaN

二:引用數(shù)據(jù)類型

把引用數(shù)據(jù)類型轉(zhuǎn)換為數(shù)字是先把它基于toString()轉(zhuǎn)換為字符串,再轉(zhuǎn)換為數(shù)字

console.log(Number({num:"10"}));//NaN
console.log(Number({}));//NaN ({num:"10"}).toString();是"[object Object]" 是非有效數(shù)字字符所以是NaN
console.log(Number([]));//0 [].toString()是""所以轉(zhuǎn)為數(shù)字是0
console.log(Number([12]));//12 [12].toString()是"12"所以轉(zhuǎn)為數(shù)字是12
console.log(Number([12,23]));//NaN [12].toString()是"12,23"里面的","是非有效數(shù)字字符所以是NaN

相關(guān)面試題

let a=10+null+true+[]+undefined+'騰訊'+null+[]+10+false;
console.log(a)//11undefined騰訊null10false

null變?yōu)閿?shù)字是0,true是1,[]變?yōu)閿?shù)字,先要經(jīng)歷變?yōu)榭兆址?遇到字符串,啥也別想了,直接變?yōu)樽址唇?

當(dāng)去掉undefined前面的[]結(jié)果就變成了NaN騰訊null10false

以上就是本次介紹的javaScript把其它類型轉(zhuǎn)換為Number類型全部知識(shí)點(diǎn)內(nèi)容，感謝大家的學(xué)習(xí)和對(duì)腳本之家的支持。

您可能感興趣的文章:

相關(guān)文章

8 行 Node.js 代碼實(shí)現(xiàn)代理服務(wù)器
JavaScript 前后端通吃，在全棧開發(fā)領(lǐng)域具有獨(dú)特的優(yōu)勢(shì)。今天就來(lái)看看作為服務(wù)端語(yǔ)言的 JavaScript，完成一個(gè)簡(jiǎn)單的代理服務(wù)器功能是多么容易。
2016-12-12
深入了解最常用的JavaScript 事件
這篇文章主要為大家介紹了JavaScript 事件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助
2021-12-12
js實(shí)現(xiàn)中國(guó)象棋游戲
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)中國(guó)象棋游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-05-05
重構(gòu)Javascript代碼示例(重構(gòu)前后對(duì)比)
回顧頭來(lái)看看那些Javascript腳本，有寫得不太理想，過(guò)于復(fù)雜?，F(xiàn)抽取出來(lái)，重構(gòu)它們,想學(xué)習(xí)javascript重構(gòu)的朋友可以參考下啊，網(wǎng)本文可以幫助你的
2013-01-01
十個(gè)利用JavaScript實(shí)現(xiàn)的愛心動(dòng)畫特效
情人節(jié)將至，程序員證明自己不是直男的時(shí)候到啦！小編為大家準(zhǔn)備了十個(gè)通過(guò)JavaScript實(shí)現(xiàn)的愛心動(dòng)畫特效，快學(xué)起來(lái)，到時(shí)候給女朋友一個(gè)驚喜吧
2022-02-02
微信小程序開發(fā)之表單驗(yàn)證WxValidate使用
本文主要介紹了微信小程序開發(fā)之表單驗(yàn)證WxValidate使用，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-10-10
js數(shù)組轉(zhuǎn)json并在后臺(tái)對(duì)其解析具體實(shí)現(xiàn)
這篇文章主要介紹了js數(shù)組轉(zhuǎn)json并在后臺(tái)對(duì)其解析具體實(shí)現(xiàn)，有需要的朋友可以參考一下
2013-11-11
js實(shí)現(xiàn)彈窗居中的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇js實(shí)現(xiàn)彈窗居中的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-10-10
JavaScript 拾碎[三] 使用className屬性
Javascript 還可以通過(guò)className 屬性靈活的更改一個(gè)標(biāo)簽元素的CSS 類選擇器來(lái)實(shí)現(xiàn)樣式的變化。
2010-10-10
JS實(shí)現(xiàn)評(píng)價(jià)的星星功能
這篇文章主要介紹了JS實(shí)現(xiàn)評(píng)價(jià)的星星功能,需要的朋友可以參考下
2017-08-08