js字符串轉(zhuǎn)化為數(shù)字類型有哪些方法？【妙招分享】

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

1. Number()

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

變量 = Number(變量);

案例：

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

注意：如果變量無法轉(zhuǎn)為正常的數(shù)字類型，就會被轉(zhuǎn)為NaN，NaN是數(shù)字類型，代表不是一個數(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() 方法會從左往右開始匹配，保留字串中以數(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ū)別是會保留下小數(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é)會了嗎？如果想學(xué)習(xí)更多前端技術(shù)，加QQ：435946716獲取免費(fèi)HTML+CSS+JavaScript視頻教程+筆記。

猜你喜歡：

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

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

JavaScript動畫和CSS3動畫有什么區(qū)別？

CSS3如何設(shè)置顏色不透明度？

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