<tbody id="fuft6"><noscript id="fuft6"><video id="fuft6"></video></noscript></tbody>
    <tbody id="fuft6"><noscript id="fuft6"></noscript></tbody>
    <em id="fuft6"><acronym id="fuft6"></acronym></em>
          <button id="fuft6"><acronym id="fuft6"><u id="fuft6"></u></acronym></button>
          首頁技術文章正文

          JavaScript字符串變量類型轉為數值類型有哪些方式?

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

          IT培訓班

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

          1. Number()

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

          變量 = 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));   // 輸出為數字1
              console.log(Number(b));   // 輸出為數字100
              console.log(Number(c));   // 輸出為NaN (not a number 不是一個數字)
              console.log(Number(d));   // 輸出為NaN
              console.log(Number(e));   // 輸出為數字0(0代表false)
              console.log(Number(f));   // 輸出為NAN 
              console.log(Number(g));   // 輸出為數字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:2217622915獲取免費HTML+CSS+JavaScript視頻教程+筆記。



          猜你喜歡:

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

          如何使一個盒子水平垂直居中?

          css3畫三角形的方法

          CSS中px、em、rem有什么區別和不同?

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

          在線咨詢 我要報名
          和我們在線交談!

          黄色网站片

          <tbody id="fuft6"><noscript id="fuft6"><video id="fuft6"></video></noscript></tbody>
            <tbody id="fuft6"><noscript id="fuft6"></noscript></tbody>
            <em id="fuft6"><acronym id="fuft6"></acronym></em>
                  <button id="fuft6"><acronym id="fuft6"><u id="fuft6"></u></acronym></button>