逃离 parseInt 的陷阱

2023-11-29 12:53:45

当然，很高兴为你展示文章！

许多开发人员在使用 parseInt() 函数时遇到过问题，他们有时会惊讶地发现，传递一个数字类型的变量时竟然会抛出异常。这篇文章将讨论parseInt() 函数的陷阱，并告诉你如何避免它们。

陷阱之一：将数字类型作为第一个参数

parseInt() 函数的第一个参数应该是字符串类型，但如果不小心传入了数字类型，则会抛出 TypeError 异常。例如，下面的代码会抛出一个错误：

const number = 123;
const result = parseInt(number); // TypeError: parseInt() argument must be a string

为了避免这个陷阱，请务必将第一个参数转换为字符串类型。可以使用 String() 函数或 Number.toString() 方法：

const number = 123;
const result = parseInt(String(number)); // "123"
const result = parseInt(number.toString()); // "123"

parseInt() 函数的第二个参数是基数，默认为 10。这表示函数将使用十进制来解析字符串。但是，如果第二个参数不是 10，则函数将使用其他基数来解析字符串。例如，下面的代码将使用二进制来解析字符串：

const binaryString = "11111111";
const result = parseInt(binaryString, 2); // 255

为了避免这个陷阱，请始终为第二个参数指定 10。这样，parseInt() 函数将始终使用十进制来解析字符串。

parseInt() 函数在解析带有前导零的字符串时存在一些问题。如果字符串以一个或多个前导零开头，则函数将忽略这些前导零。例如，下面的代码将解析字符串 "0123" 为 123：

const stringWithLeadingZeros = "0123";
const result = parseInt(stringWithLeadingZeros); // 123

为了避免这个陷阱，请在解析字符串之前删除字符串中的所有前导零。可以使用 String.replace() 方法或正则表达式来做到这一点。例如，下面的代码将删除字符串 "0123" 中的所有前导零：

const stringWithLeadingZeros = "0123";
const result = parseInt(stringWithLeadingZeros.replace(/^0+/, "")); // 123

parseInt() 函数在解析带有非数字字符的字符串时存在一些问题。如果字符串中包含非数字字符，则函数将停止解析并返回一个 NaN 值。例如，下面的代码将解析字符串 "123abc" 为 NaN：

const stringWithNonDigitCharacters = "123abc";
const result = parseInt(stringWithNonDigitCharacters); // NaN

为了避免这个陷阱，请在解析字符串之前删除字符串中的所有非数字字符。可以使用 String.replace() 方法或正则表达式来做到这一点。例如，下面的代码将删除字符串 "123abc" 中的所有非数字字符：

const stringWithNonDigitCharacters = "123abc";
const result = parseInt(stringWithNonDigitCharacters.replace(/\D/g, "")); // 123

在某些情况下，您可能需要使用其他方法来获取数字类型的值。以下是一些替代方法：

Number() 函数： Number() 函数可以将字符串转换为数字类型。但是，如果字符串中包含非数字字符，则函数将返回 NaN。
parseFloat() 函数： parseFloat() 函数可以将字符串转换为浮点数类型。与 parseInt() 函数不同，parseFloat() 函数不会忽略字符串中的前导零。
BigInt() 函数： BigInt() 函数可以将字符串转换为 BigInt 类型。BigInt 类型可以存储比 Number 类型更大的数字。