在 JavaScript 中把字符串转换为数字

1. 在 JavaScript 中使用 Number() 函数将字符串转换为数字
2. 在 JavaScript 中使用 parseInt() 函数将字符串转换为整数
3. 在 JavaScript 中使用 Math 对象将字符串转换为整数
4. 结论

我们必须有各种方案来转换数字。例如，从 API 或数据库查询中提取的数据以字符串格式转换为数字。由于对字符串的操作不同，可能有必要将这些字符串转换为数字格式，以便轻松地对其进行算术运算。这里有一些方法可以做到这一点：

• Number("123")
• parseInt("123")
• Math.floor("123.12")
• Math.round("123")

在 JavaScript 中使用 Number() 函数将字符串转换为数字

Number() 是 Number 构造函数，可用于将其他数据类型转换为数字格式（根据 MDN 文档）。如果输入参数未定义或不能转换为数字，则返回 NaN。例如：

console.log(Number('246'))
console.log(Number('246.5'))
console.log(Number(undefined))
console.log(Number('Hello'))

输出：

246
246.5
NaN
NaN

在 JavaScript 中使用 parseInt() 函数将字符串转换为整数

处理字符串数字的另一种方法是使用 JavaScript 的 parseInt() 方法。parseInt() 有两个参数，一个是需要转换的字符串，另一个是 radix（表示基数）。我们日常生活中处理的大多数数字通常以 10 为基数，这表示一个十进制值。在大多数情况下，我们不需要将基数指定为默认值 10。

console.log(parseInt('123'));
console.log(parseInt('abc'));
console.log(parseInt('-123'));
console.log(parseInt('100.50'));

输出：

123
NaN
-123
100

parseInt("100.50") 返回 100 而不是 100.50，因为它将输入数字转换为整数。因此，在使用 parseInt() 时要注意这一事实。

parseInt() 还可以转换十六进制值以及具有不同基数系统的值，例如二进制系统，八进制系统等。有关更多信息，请查看文档。同样，我们可以使用 parseFloat() 将字符串转换为浮点数。

在 JavaScript 中使用 Math 对象将字符串转换为整数

Math 是 JavaScript 中的内置对象，具有用于复杂数学运算的方法。它适用于数据类型编号。但是，很少使用此内置对象的方法将字符串转换为整数。例如，

console.log(Math.ceil('123'));
console.log(Math.floor('300'));
console.log(Math.abs('450'));

输出：

123
300
450

但是，使用 Math 方法进行转换时会遇到陷阱。对于浮点值，我们无法使用它们，因为它们会将它们转换为整数。因此，我们将丢失该值的小数部分。

• Math.ceil("220.5")：返回 221。它取最大值，将十进制数近似为下一个整数 221。因此，我们不能用它来获得 220.5。在这种情况下，请使用 parseFloat()。
• Math.floor("220.5")：返回 220。与 ceil() 函数相比，floor() 返回前一个整数值。因此，Math.floor() 不适用于浮点数值。
• Math.abs("450")。可以使用，因为它会返回 450，但不能使用负整数值。例如，在处理负整数值时，以下差异将无法达到我们的目的。按照以下方案：

console.log(Maths.abs('240.64'))
console.log(Math.abs('-240.25'))

输出：

240.64 // The decimal value of .64 is captured here
240.25 // -240.25 is transformed to 240.25

结论

根据我们期望从字符串号中获取的值，最好的选择是使用 Number() 方法。如果只使用整数值，建议使用 parseInt()。明智地使用 JavaScript 中的内置 Math 对象来转换字符串，因为根据我们使用的方法，它可能很棘手。