js 字符串转数字

JS字符串转数字

JavaScript是一种十分流行的编程语言，广泛应用于Web前端开发、服务器后端开发等领域。在JavaScript中，字符串和数字是两种常见的数据类型。字符串是由一串字符组成的文本，在JavaScript中可以用单引号或双引号括起来，例如："Hello World"。而数字则是用于数学计算的数值数据，包括整数、浮点数等类型。在开发过程中，我们经常需要将一个字符串转换成数字，本文将从多个角度分析JS字符串转数字的方法和注意事项。

一、使用内建函数parseInt和parseFloat

parseInt()和parseFloat()是JavaScript内建的函数，可用于将字符串转成整数和浮点数。parseInt()函数将字符串转换成整数，只保留字符串开头的整数部分。如果字符串开头不是数字，则返回NaN。例如，parseInt("123")的结果是123，而parseInt("hello")的结果是NaN。如果字符串中包含十六进制数，可以通过在parseInt()函数中添加第二个参数指定基数来转换。例如，parseInt("0xf", 16)的结果是15。

parseFloat()函数将字符串转换成浮点数，也只保留字符串开头的浮点数部分。如果字符串开头不是数字，则返回NaN。例如，parseFloat("3.14")的结果是3.14，而parseFloat("hello")的结果是NaN。

二、使用Number函数

Number()函数可以将字符串转换成数字，其转换规则与parseInt()和parseFloat()类似。如果字符串包含不合法的数字字符，则返回NaN。如果字符串是空字符串，则返回0。例如，Number("123")的结果是123，而Number("hello")的结果是NaN。

三、使用加号运算符

在JavaScript中，将一个字符串转换成数字，还可以通过加号运算符（+）实现。如果字符串中只包含数字，则加号运算符会将其转换成数字。如果字符串中包含非数字字符，则返回NaN。例如，+"123"的结果是123，而+"hello"的结果是NaN。需要注意的是，使用加号运算符进行字符串转数字时，字符串前不能有空格或者后面包含非数字字符，否则会出现错误。

四、字符串转数字的常见错误

在字符串转数字的过程中，有些常见的错误需要注意。

1. 字符串中只保留数字部分

由于JavaScript中的字符串包含非数字字符时会返回NaN，所以在进行字符串转数字时必须保证该字符串只包含数字字符。否则，会返回NaN。例如，parseInt("12 dollars")的结果是12，而parseInt("dollars 12")的结果是NaN。

2. 未指定进制或基数

在使用parseInt()函数转换十六进制数时，需要指定进制或基数。否则，该字符串将被默认为十进制数。例如，parseInt("0xA")的结果是10，而parseInt("A")的结果是NaN。

3. 使用parseFloat()函数时，小数点只能出现一次

在使用parseFloat()函数时，小数点只能出现一次。否则，该函数会将小数点后面的数字全部舍去。例如，parseFloat("3.14.15")的结果是3.14。