首页 > 代码库 > JS中parseInt()、Numer()深度解析
JS中parseInt()、Numer()深度解析
JS中字符串转换为数字有两种方式:
1、parseInt函数
定义:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/parseInt
语法:parseInt(string [ , radix])
参数:
string:要被解析的值。如果参数不是一个字符串,则将其转换为字符串。字符串开头的空白符将会被忽略。
radix:一个2到36之间的整数值,用于指定转换中采用的基数。
如果省略该参数或者为0,则数字将以 10 为基础来解析。
如果string以 “0x” 或 “0X” 开头,将以 16 为基数。
如果string以“0” 开头,在ECMA3中被认为是8进制;但是在ECMA5中已经强制规定此情况默认是10进制
如果该参数小于 2 或者大于 36,则 parseInt() 将返回 NaN。
在ECMA规范中,对于parseInt函数解析字符串为数字的步骤如下:
看看V8中parseInt函数的源码:【只列出一部分,如需要查看请参见V8中src/conversions-inl.h和src/compiler/js-builtin-reducer.cc】
if (radix == 0) { //如果传入radix是0,则以10进行处理 // Radix detection. radix = 10; if (*current == ‘0‘) { ++current; if (current == end) return SignedZero(negative); if (*current == ‘x‘ || *current == ‘X‘) { radix = 16; ++current; if (current == end) return JunkStringValue(); } else { leading_zero = true; } } } else if (radix == 16) { //16进制 if (*current == ‘0‘) { // Allow "0x" prefix. ++current; if (current == end) return SignedZero(negative); if (*current == ‘x‘ || *current == ‘X‘) { ++current; if (current == end) return JunkStringValue(); } else { leading_zero = true; } } } if (radix < 2 || radix > 36) return JunkStringValue(); //radix不在2~36之间的处理
例如解析:
parseInt(‘0101‘ , 1) => NaN
parseInt(‘453‘ , 2) => NaN 因为453不符合二进制数字,所以无法转换出正确的数字
2、Number()函数
定义:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number
计算步骤:
两种方法的区别:
参考链接:http://www.w3school.com.cn/js/pro_js_typeconversion.asp
用 Number() 进行强制类型转换,并且是转换整个字符串值,如果整个字符串不能转换成数字,则输出NaN。
例如:
parseInt(‘01a02‘, 10) => 1 parseInt(‘1.22.22‘, 10) => 1 parseInt(‘1.22‘ , 10) => 1
Number(‘01a02‘) => NaN Number(‘1.22.22‘) => NaN Number(‘1.22‘) => 1.22
JS中数字利用parseInt进行转换成整数:
由parseInt中定义:parseInt是用于将字符串根据基数转换成整数,如果传入参数不是字符串,会首先利用toString方法转换为字符串,再转换为整数
例子:
parseInt(0.000001) => 0 parseInt(‘0.000001‘) => 0
parseInt(0.0000001) => 1 parseInt(‘0.0000001‘) => 0
转换0.000001和0.0000001数字时出现结果不同,那么先将看看这两个数字转换为字符串的结果:
var a = 0.000001 ; a.toString() ; => ‘0.000001‘
var b = 0.0000001 ; b.toString() ; => ‘1e-7‘
由此不难看出:为什么会出现上述结果。
究其原因:在ECMA规范中
可以解释0.000001和0.0000001转换为字符串后的不同结果。
所以在日常使用parseInt函数时:常用的情况无非为将字符串转换为整数或者将数字转换为整数,所以在使用将数字转换为整数时,最好需要进行判断
function newParseInt(value) {
if(typeof value =http://www.mamicode.com/== ‘number‘) {
return Math.floor(value);
}
return parseInt(value);
}
JS中parseInt()、Numer()深度解析