JavaScript parseInt和parseFloat用法

今天来聊聊parseInt函数和parseFloat函数。

1、parseInt

定义和用法

JavaScript内置函数，原型为parseInt(string s,int radix)。

其用途为解析一个字符并返回一个整数，其中string是需要被解析的字符，是必须的参数，而radix是被解析数字的基数，是非必需的，当radix值设置为0或未设置时，parseInt会根据string的值来判断基数。默认状态parseInt为全局函数。

parseInt解析字符先看字符开头：

如果string以"0x"开头，parseInt会把string转化为十六进制整数
如果string以1~9开头，parseInt会把string转化为十进制整数
如果string以0后接数字开头，parseInt会把string转化为八进制整数
如果string以无效字符（不包括空格）开头，parseInt会返回NaN，而不进行其他操作

注意

只有字符串中第一个字符会返回，而如果中间遇到空格等无效字符则解析终止
开头和结尾的空格是允许的（只要是数字字符前的空格均被允许）
parseInt在未指定基数时会以字符开头来判断基数，而如果想要得到预期基数的整数就需要在string后设置radix值来控制转化的进制数

实例

document.write(parseInt("10") + "<br>");
document.write(parseInt("10.33") + "<br>");        //传入字符串只能被转化为整数
document.write(parseInt("34 45 66") + "<br>");        //中间的空格被视为无效字符而中止解析
document.write(parseInt(" 60 ") + "<br>");        //开头可结尾的空格字符不会影响字符解析
document.write(parseInt("40 years") + "<br>");        //years字符是无效字符，不会被解析
document.write(parseInt("He was 40") + "<br>");        //开头字符为H，无效字符，其后的数字字符不会被解析
document.write("<br>");
document.write(parseInt("10",10)+ "<br>");        //字符后的基数表示以十进制输出该字符
document.write(parseInt("10",8)+ "<br>");        //八进制输出字符
document.write(parseInt("0x10")+ "<br>");        //因为前面有0x，默认以十六进制输出
document.write(parseInt("10",16)+ "<br>");        //十六进制输出字符

结果

10
10
34
60
40
NaN

10
8
16

2、parseFloat

定义和用法

同样是JavaScript内置函数，原型为parseFloat(string s)。

parseFloat函数可解析一个字符串并返回一个浮点数。解析数字时只对第一个小数点有效，之后的小数点会被当作无效字符，如果在解析过程中遇到了正负号（+ 或 -）、数字 (0-9)、小数点，或者科学记数法中的指数（e 或 E）以外的字符，则它会忽略该字符以及之后的所有字符，返回当前已经解析到的浮点数。

除了第一个小数点有效之外，parseFloat()与parseInt()的第二个区别在于它始终都会忽略前导的零。parseFloat()可以识别前面讨论过的所有的浮点数值格式，也包括十进制整数格式。但十六进制格式的字符串则始终会被转换成0。由于parseFloat()只解析十进制值，因此它没有用第二个参数指定基数的用法。

注意

函数只返回字符串中第一个数字字符
开头和结尾空格是允许的（只要是数字字符前的空格均被允许）
如果字符串的第一个字符不能被转化为数字，则parseFloat()会返回NaN

实例

document.write(parseFloat("10") + "<br>");
document.write(parseFloat("10.33") + "<br>");
document.write(parseFloat("34 45 66") + "<br>");        //函数只返回字符串中的一个数字字符
document.write(parseFloat(" 60 ") + "<br>");        //开头和结尾的空格是允许的
document.write(parseFloat("40 years") + "<br>");        //字符串中只有数字字符会被转化为数字
document.write(parseFloat("He was 40") + "<br>");        //第一个字符不能被转化为字符

结果

10
10.33
34
60
40

NaN