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

2021-08-19 22:53:51 字數 2234 閱讀 6207

在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變數弱型別轉換

上例利用了js的弱型別的特點,只進行了算術運算,實現了字串到數字的型別轉換,不過這個方法還是不推薦的

JS字串轉換數字的三種方法

1 轉換函式 2 強制型別轉換 3 利用js變數弱型別轉換 1.轉換函式 parseint parsefloat parseint 把值轉換成整數.此方法首先檢視位置0處的 字元,判斷它是否是個有效數字 如果不是,該方法將返回nan,不再繼續執行其他操作。但如果該字元是有效數字,該方法將檢視位置1處...

js字串轉成數字的三種方法

js讀取的html 中獲得的值 統統是以字串的形式呈現的,為了方便我們後面對資料的操作,有時候我們有必要進行轉換一下。方法主要有三種 轉換函式 強制型別轉換 利用js變數弱型別轉換。1.轉換函式 js提供了parseint 和parsefloat 兩個轉換函式。前者把值轉換成整數,後者把值轉換成浮點...

js字串轉成數字的三種方法

js讀取的html 中獲得的值 統統是以字串的形式呈現的,為了方便我們後面對資料的操作,有時候我們有必要進行轉換一下。方法主要有三種 轉換函式 強制型別轉換 利用js變數弱型別轉換。1.轉換函式 前者把值轉換成整數,後者把值轉換成浮點數。只有對string型別呼叫這些方法,這兩個函式才能正確執行 對...