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

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

1. Number()

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

變量 = 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>

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

2. parseInt()

使用parseInt()方法取整數(shù)，語(yǔ)法如下：

變量 = 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ì)從左往右開(kāi)始匹配，保留字串中以數(shù)字開(kāi)始的部分，并且取整數(shù)；如果開(kāi)頭字符串不是數(shù)字則轉(zhuǎn)為NaN，null、false、undefined等特殊值也輸出NaN。

3. parseFloat()

使用parseFloat()轉(zhuǎn)為浮點(diǎn)型數(shù)字，語(yǔ)法：

變量 = 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)化

通過(guò)案例展示：

<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塌陷與合并問(wèn)題怎么解決？

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

css3畫三角形的方法

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

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