为何JavaScript中parseInt("10e+1")与parseFloat("10e+1")输出不同？

这问题太戳中日常开发的痛点了！我当初第一次碰到这种情况也愣了半天，咱们来拆解清楚这几个方法的本质区别：

核心设计目标不同 #

• parseInt()：它的唯一使命就是提取字符串中的整数部分，解析逻辑是从左到右逐字符扫描，只要遇到第一个不属于整数有效范围的字符（整数有效字符仅包括：正负号、0-9的数字），就立刻停止解析，返回已经扫描到的整数。
  比如你例子里的"10e+1"，parseInt读到"10"后，下一个字符是"e"，这不是整数的合法字符，直接截断，所以返回10。
• parseFloat()：它的定位是解析浮点数（包括科学计数法格式的数值），它的扫描逻辑会识别e/E以及后面的正负号、数字组成的指数部分，所以能完整解析"10e+1"为10 * 10^1 = 100。
• Number()：作为类型转换函数，它的转换规则和parseFloat高度一致（除了少数边界场景，比如空字符串""会被Number转为0，parseFloat转为NaN），同样支持解析科学计数法格式的字符串，所以也会返回100。

代码验证 #

parseInt("10e+1"); // 10
parseFloat("10e+1"); // 100
Number ("10e+1"); // 100

简单来说，parseInt根本没打算处理科学计数法——它只关心字符串里的整数片段，而parseFloat和Number则是为了处理更全面的数值格式存在的，这就是它们差异的根源啦。

内容的提问来源于stack exchange，提问作者Kalaivanan