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

Nithin Krishnan 2023年1月30日 2021年4月29日
  1. 在 JavaScript 中使用 Number() 函数将字符串转换为数字
  2. 在 JavaScript 中使用 parseInt() 函数将字符串转换为整数
  3. 在 JavaScript 中使用 Math 对象将字符串转换为整数
  4. 结论
在 JavaScript 中把字符串转换为数字

我们必须有各种方案来转换数字。例如,从 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 对象来转换字符串,因为根据我们使用的方法,它可能很棘手。

相关文章 - JavaScript String

相关文章 - JavaScript Integer