教育行業A股IPO第一股(股票代碼 003032)

全國咨詢/投訴熱線:400-618-4000

js字符串轉化為數字類型有哪些方法?【妙招分享】

更新時間:2021年09月27日15時04分 來源:傳智教育 瀏覽次數:

好口碑IT培訓

JavaScript變量字符串類型轉為數值類型有一下方法4中法方法,下面我們一個介紹。

1. Number()

使用Number()方法實現轉換,語法:

變量 = Number(變量);


案例:

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

注意:如果變量無法轉為正常的數字類型,就會被轉為NaN,NaN是數字類型,代表不是一個數字。


2. parseInt()

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

變量 = parseInt(變量);


案例:

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

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


3. parseFloat()

使用parseFloat()轉為浮點型數字,語法:

變量 = parseFloat(變量);

案例:

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

parseFloat()和parseInt()類似,區別是會保留下小數部分。


4. 使用算數運算符轉化

通過案例展示:

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

以上是我們介紹的4中變量類型轉為數值類型的方法,你學會了嗎?如果想學習更多前端技術,加QQ:435946716獲取免費HTML+CSS+JavaScript視頻教程+筆記



猜你喜歡:

怎么用css3畫三角形?css繪制三角形圖文教程

CSS3 box-shadow的用法|box-shadow屬性詳解

JavaScript動畫和CSS3動畫有什么區別?

CSS3如何設置顏色不透明度?

傳智教育HTML&JS+前端高手班

0 分享到:
红豆直播app黄台_红豆直播app下载免费_红豆直播app下载