理解字符串到数字转换中 parseInt() 和 Number() 的细微差别

处理字符串到数字时在 JavaScript 中进行转换时，了解 parseInt() 和 Number() 之间的区别至关重要。这两种方法在处理字符串输入时表现出不同的行为。

语义差异：解析与类型转换

parseInt() 执行解析，这意味着它解释将字符串视为数字，同时忽略任何不适合指定数字系统的尾随字符。另一方面，Number() 执行类型转换，尝试将整个字符串转换为数值。

示例：

// Parsing
parseInt("20px");       // 20
parseInt("10100", 2);   // 20
parseInt("2e1");        // 2

// Type conversion
Number("20px");       // NaN
Number("2e1");        // 20 (exponential notation)

尾随字符和隐式八进制

parseInt() 忽略与指定基数中的数字不对应的尾随字符。但是，Number() 构造函数不会检测隐式八进制（以 0 为前缀的数字，表示八进制数字系统）。显式八进制表示法(0o)由Number()识别。

// Implicit octal detection
Number("010");         // 10
Number("0o10")         // 8

// Parsed as octal by default
parseInt("010");       // 8
parseInt("010", 10);   // 10 (force decimal radix)

十六进制表示法和一元加运算符

parseInt()和Number()都可以处理十六进制表示法，用前导表示数字0x 前缀。另外，一元加运算符 ( ) 还可以用于进行数值类型转换，相当于使用 Number() 构造函数。

// Hexadecimal notation
Number("0xF");   // 15
parseInt("0xF"); //15

// Unary Plus Operator
 "2e1";   // 20
 "0xF";   // 15
 "010";   // 10

通过了解parseInt()和Number()的具体特性，开发者可以在JavaScript中将字符串转换为数字时做出明智的决定，确保结果准确可靠。