首頁技術(shù)文章正文

JavaScript字符串變量類型轉(zhuǎn)為數(shù)值類型有哪些方式?

更新時(shí)間:2021-09-27 來源:黑馬程序員 瀏覽量:

IT培訓(xùn)班

JavaScript變量字符串類型轉(zhuǎn)為數(shù)值類型有一下方法4中法方法,下面我們一個(gè)介紹。

1. Number()

使用Number()方法實(shí)現(xiàn)轉(zhuǎn)換,語法:

變量 = Number(變量);


案例:

<script>
    var a = 1;
    var b = '100';
    var c = 'abcd';
    var d = '100abcd';
    var e = false;
    var f = undefined;
    var g = null;
    console.log(Number(a));   // 輸出為數(shù)字1
    console.log(Number(b));   // 輸出為數(shù)字100
    console.log(Number(c));   // 輸出為NaN (not a number 不是一個(gè)數(shù)字)
    console.log(Number(d));   // 輸出為NaN
    console.log(Number(e));   // 輸出為數(shù)字0(0代表false)
    console.log(Number(f));   // 輸出為NAN 
    console.log(Number(g));   // 輸出為數(shù)字0(Null代表0)
</script>

注意:如果變量無法轉(zhuǎn)為正常的數(shù)字類型,就會(huì)被轉(zhuǎn)為NaN,NaN是數(shù)字類型,代表不是一個(gè)數(shù)字。


2. parseInt()

使用parseInt()方法取整數(shù),語法如下:

變量 = parseInt(變量);


案例:

<script>
    var a;
    var b = null;
    var b = false;
    console.log(parseInt('100'));// 輸出數(shù)字 100
    console.log(parseInt('100.23'));// 輸出數(shù)字 100
    console.log(parseInt('abdc'));// 輸出數(shù)字 NaN
    console.log(parseInt('100.34'));// 輸出數(shù)字 100
    console.log(parseInt('abc100.34'));// 輸出 NaN
    console.log(parseInt(a));           // 輸出 NaN
    console.log(parseInt(b));           // 輸出 NaN
    console.log(parseInt(c));           // 輸出 NaN
</script>

注意parseInt() 方法會(huì)從左往右開始匹配,保留字串中以數(shù)字開始的部分,并且取整數(shù);如果開頭字符串不是數(shù)字則轉(zhuǎn)為NaN,null、false、undefined等特殊值也輸出NaN。


3. parseFloat()

使用parseFloat()轉(zhuǎn)為浮點(diǎn)型數(shù)字,語法:

變量 = parseFloat(變量);


案例:

<script>
    console.log(parseFloat('100.33'));    // 輸出數(shù)字 100.33
    console.log(parseFloat(100.33));    // 輸出數(shù)字 100.33
    console.log(parseFloat(90));    // 輸出數(shù)字 90
    console.log(parseFloat('2cdef'));   // 輸出數(shù)字 2
    console.log(parseFloat('cd5f'));    // 輸出 NaN
    console.log(parseFloat('cdef'));    // 輸出 NaN
    console.log(parseFloat(undefined));   // 輸出 NaN
    console.log(parseFloat(null));    // 輸出 NaN
</script>

parseFloat()和parseInt()類似,區(qū)別是會(huì)保留下小數(shù)部分。



4. 使用算數(shù)運(yùn)算符轉(zhuǎn)化

通過案例展示:

<script>
    var number1 = '90';
    console.log(+number1);      // 取正數(shù)輸出數(shù)字 90
    console.log(-number1);      // 取負(fù)數(shù)輸出數(shù)字 -90
    console.log(number1 * 0);   // 輸出數(shù)字0
    console.log(number1 - 0);   // 輸出數(shù)字90
    console.log(number1 + 0);   // 注意number1 + 0 輸出字符串900,不是數(shù)字
</script>

以上是我們介紹的4中變量類型轉(zhuǎn)為數(shù)值類型的方法,你學(xué)會(huì)了嗎?如果想學(xué)習(xí)更多前端技術(shù),加QQ:435946716獲取免費(fèi)HTML+CSS+JavaScript視頻教程+筆記。



猜你喜歡:

margin塌陷與合并問題怎么解決?

如何使一個(gè)盒子水平垂直居中?

css3畫三角形的方法

CSS中px、em、rem有什么區(qū)別和不同?

黑馬程序員HTML&JS+前端高手班

分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!