专注前端,专注网页设计制作教程: http://www.dede168.com
当前位置: 葡京娱乐场 > 网页设计 > Javascript > > >文章

Javascript中字符串转数字

时间:2013-02-07 15:25点击: 次 【

我们知道最简洁的数字转字符串方法是:

var num = 123; var string = num + "";

也就是在数字后面加上一个空字符。那么最简洁字符串转数字方法呢?

 

字符串只能进行加法(拼接)

字符串进行加法(拼接)是很常见的,但是字符串进行减法、乘法、除法呢?

这似乎很难定义,实际上字符串没有减法、乘法、除法操作。

但Javascript是动态语言,如果你拿两个字符串进行这三种操作的时候,他会尝试将其转成数字再进行相应的操作。例如:

alert("45" - "32"); //13
alert("5" * "6"); //30
alert("12" / "3"); //4

但这种转换操作和parseInt和parseFloat不太像,而和Number比较像,比如:

alert("123a" - "2bc"); //NaN
alert(parseInt("123a") - parseInt("2bc")); //121
alert(Number("123a") - Number("2bc")); //NaN

也就是说,这种转换和Number一样,会将非纯数字型字符串转成NaN,表示其是非数字。

而parseInt、parseFloat则会取出字符串中取出前面的能表示成数字的部分,而忽略掉后面不能表示成数字的部分。

 

最简洁的字符串转数字方法

借助字符串在进行其不能进行的运算时会先尝试转成数字这个特性。我们可以对字符串前加上正符号来将字符串转成数字。如:

var num = +"45"; alert(typeof num); //number

jQuery中有一个这个方法的应用,比如我们得到一个字符串怎么判断他是不是只有数字呢?jQuery的方法:

var string = "321";  //这个事得到的字符串,随意是什么
alert(+string + "" === string);  //true表示是数字字符串,否则不是 

其实利用这个特性还有其他方法,比如:

var num = "45" - 0; alert(typeof num); //number
var num = "45" * 1; alert(typeof num); //number
var num = "45" / 1; alert(typeof num); //number

 

进制问题 

0x开头的是16进制,所以Number和parseInt都会对16进制进行相应的转换,字符串的自动转换也是这般:

alert(parseInt("0x10")); //16
alert(Number("0x10")); //16
alert(+"0x10"); //16

不过parseFloat有些闹别扭,他不认识16进制,结果变成这样:

alert(parseFloat("0x10")); //0

更悲剧的是0开头的,我们知道0开头可以用来表示8进制,在Number和字符串自动转换中,0开头会当成十进制来获取,如:

alert(Number("010")); //10
alert(+"010"); //10

而parseInt中却很悲催,ECMAScript中并未对此进行强制规定所以出现了下面的情况:

alert(parseInt("010")); //8 in Firefox & IE
alert(parseInt("010")); //10 in Chrome

╮(╯_╰)╭ 难怪很少见到Javascript中用到8进制,如果要确保8进制只能使用parseInt的第二个参数了:

alert(parseInt("010", 8)); //8

parseFloat继续不认识8进制,所以:

alert(parseFloat("010")); //10
------分隔线----------------------------
-