将字符串转换为数字 - parseInt() vs Number(); [复制]

Posted 2023-03-13

【中文标题】将字符串转换为数字 - parseInt() vs Number(); [复制]

【英文标题】：Converting string to number - parseInt() vs Number(); [duplicate]

【发布时间】：2021-06-13 10:00:49

【问题描述】：

为什么在这种情况下我想将字符串转换为数字 parseInt() 有效，但 Number() 无效？

parseInt(this.element.style.left) << it works
Number(this.element.style.left) << it doesn't, there is NaN

【参考方案1】：

与parseInt:

如果 parseInt 在指定的基数中遇到不是数字的字符，它会忽略它和所有后续字符并返回解析到该点的整数值。 parseInt 将数字截断为整数值。允许前导和尾随空格。

相比之下，Number 尝试将整个参数解析为数字。

例如，style.left 以 px 结尾，parseInt('12px') 有效，因为 px 可以被 parseInt 忽略。但是Number('12px') 不起作用，因为'12px' 的所有字符 都不能解释为数字。

parseInt 跳过无效字符（并在那里停止解析），评估目前已解析的内容。

Number 在任何地方有任何无效字符时都无法解析。