前端開發入門到實戰:JavaScript字串轉換數字
js 字串轉換數字方法主要有三種: 轉換函式、強制型別轉換、利用js變數弱型別轉換。
1. 轉換函式:
js提供了parseInt()和parseFloat()兩個轉換函式。前者把值轉換成整數,後者把值轉換成浮點數。只有對String型別呼叫這些方法,這兩個函式才能正確執行;對其他型別返回的都是NaN(Not a Number)。
一些示例如下:
parseInt("1234blue"); //returns 1234 parseInt("0xA"); //returns 10 parseInt("22.5"); //returns 22 parseInt("blue"); //returns NaN
parseInt()方法還有基模式,可以把二進位制、八進位制、十六進位制或其他任何進位制的字串轉換成整數。基是由parseInt()方法的第二個引數指定的,示例如下:
parseInt("AF", 16); //returns 175 parseInt("10", 2); //returns 2 parseInt("10", 8); //returns 8 parseInt("10", 10); //returns 10
如果十進位制數包含前導0,那麼最好採用基數10,這樣才不會意外地得到八進位制的值。例如:
parseInt("010"); //returns 8
parseInt("010", 8); //returns 8 parseInt("010", 10); //returns 10
parseFloat()方法與parseInt()方法的處理方式相似。 使用parseFloat()方法的另一不同之處在於,字串必須以十進位制形式表示浮點數,parseFloat()沒有基模式。
下面是使用parseFloat()方法的示例:
parseFloat("1234blue"); //returns 1234.0 parseFloat("0xA"); //returns NaN parseFloat("22.5"); //returns 22.5 parseFloat("22.34.5"); //returns 22.34 parseFloat("0908"); //returns 908 parseFloat("blue"); //returns NaN
2. 強制型別轉換
還可使用強制型別轉換(type casting)處理轉換值的型別。使用強制型別轉換可以訪問特定的值,即使它是另一種型別的。 ECMAScript中可用的3種強制型別轉換如下:
Boolean(value)——把給定的值轉換成Boolean型;
Number(value)——把給定的值轉換成數字(可以是整數或浮點數);
String(value)——把給定的值轉換成字串。
用這三個函式之一轉換值,將建立一個新值,存放由原始值直接轉換成的值。這會造成意想不到的後果。 當要轉換的值是至少有一個字元的字串、非0數字或物件(下一節將討論這一點)時,Boolean()函式將返回true。如果該值是空字串、數字0、undefined或null,它將返回false。
前端學習秋秋qun: 767273102 。有任何不明白的東西隨時來問我
可以用下面的程式碼段測試Boolean型的強制型別轉換。
Boolean(""); //false – empty string Boolean("hi"); //true – non-empty string Boolean(100); //true – non-zero number Boolean(null); //false - null Boolean(0); //false - zero Boolean(new Object()); //true – object
Number()的強制型別轉換與parseInt()和parseFloat()方法的處理方式相似,只是它轉換的是整個值,而不是部分值。示例如下:
用 法 結 果 Number(false) 0 Number(true) 1 Number(undefined) NaN Number(null) 0 Number( "5.5 ") 5.5 Number( "56 ") 56 Number( "5.6.7 ") NaN Number(new Object()) NaN Number(100) 100
最後一種強制型別轉換方法String()是最簡單的,示例如下:
var s1 = String(null); //"null" var oNull = null; var s2 = oNull.toString(); //won’t work, causes an error
3. 利用js變數弱型別轉換
舉個小例子,一看,就會明白了。
<script> var str= ‘012.345 ‘; var x = str-0; x = x*1; </script>
上例利用了js的弱型別的特點,只進行了算術運算,實現了字串到數字的型別轉換,不過這個方法還是不推薦
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69901074/viewspace-2648876/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- JavaScript字串轉換數字JavaScript字串
- javascript數字和字串相互轉換JavaScript字串
- javascript如何將字串轉換為數字JavaScript字串
- javascript數字和字串的相互轉換JavaScript字串
- 前端開發入門到實戰:六種組織CSS的方式前端CSS
- 前端開發入門到實戰:html5語義化標籤前端HTML
- web前端入門到實戰:css3 實現大轉盤Web前端CSSS3
- web前端入門到實戰:Js代理模式Web前端JS模式
- 前端開發入門到實戰:HTML5進階FileReader的使用前端HTML
- JavaScript 字串轉數字:陷阱(示例)JavaScript字串
- web前端入門到實戰:js擷取字串相關的知識點Web前端JS字串
- web前端入門到實戰:30行前端程式碼實現任意文字轉粒子Web前端
- 前端開發入門到實戰:HTML5新增和廢棄的標籤前端HTML
- JavaScript輸入字串字數倒計JavaScript字串
- Thymeleaf將字串轉換為數字字串
- 字串和數字的相互轉換字串
- c語言字串,數字轉換C語言字串
- JavaScript 字串轉換數值型別JavaScript字串型別
- 前端開發入門到實戰:css實現div垂直水平居中的2種常用方法前端CSS
- 大小寫互換-"數字字串"轉換成數字字串
- 前端開發入門到實戰:CSS三欄佈局的5種方法詳解前端CSS
- 前端開發入門到實戰:css單行截斷和多行截斷問題前端CSS
- mysql 字串和數字比,字串會隱式轉換為數字0MySql字串
- javascript數字和字串資料型別轉換簡單介紹JavaScript字串資料型別
- Awk 字串連線操作(字串轉數字,數字轉字串)字串
- web前端開發教程,最全JavaScript入門講解Web前端JavaScript
- web前端入門到實戰:HTML元素巢狀問題Web前端HTML巢狀
- web前端入門到實戰:好用的Js圖表庫Web前端JS
- 前端大資料視覺化從入門到實戰前端大資料視覺化
- 【Go】IP地址轉換:數字與字串之間高效轉換Go字串
- Flutter入門與實戰(五十一):Flutter多版本切換開發Flutter
- c++中數字和字串的轉換C++字串
- Locust 從入門到實戰
- Linux入門到實戰Linux
- Gin + GORM 入門到實戰GoORM
- Redis 從入門到實戰Redis
- metaq入門部署到實戰
- AngularJS開發實戰入門教程AngularJS