1. 程式人生 > >js字串轉變為數字的三種方法

js字串轉變為數字的三種方法

在js讀取文字框或者其它表單資料的時候獲得的值是字串型別的,例如兩個文字框a和b,如果獲得a的value值為11,b的value值為9 ,那麼a.value要小於b.value,因為他們都是字串形式的,所以要將字串轉變為數字

主要有三種方式:轉換函式,強制型別轉換,利用js變數弱型別轉換

1.轉換函式:parseInt()和parseFloat(),前者把值轉變為整數,後者把值轉變為浮點數,只有對string型別呼叫這兩個方法,這兩個函式才能正確執行,對其他型別返回的都是NAN

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("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.強制型別轉換

ECMAScript中可用的3種強制型別轉換如下:
Boolean(value)——把給定的值轉換成Boolean型;
Number(value)——把給定的值轉換成數字(可以是整數或浮點數);

String(value)——把給定的值轉換成字串。

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的弱型別的特點,只進行了算術運算,實現了字串到數字的型別轉換,不過這個方法還是不推薦的