JS字符串转换为数字|极客笔记

JS字符串转换为数字

在JavaScript编程中，我们经常需要将字符串转换为数字。这在处理用户输入或从外部数据源获取数据时尤为常见。在本文中，我们将探讨如何将字符串转换为数字以及可能遇到的一些问题和解决方法。

使用parseInt()函数转换字符串为整数

在JavaScript中，我们可以使用parseInt()函数将字符串转换为整数。该函数接受两个参数：要转换的字符串和基数（进制）。如果不提供基数参数，则默认为十进制。

示例代码如下：

let str = "123";
let num = parseInt(str);
console.log(num); // 输出：123

上面的代码首先将字符串"123"赋值给变量str，然后使用parseInt()函数将其转换为整数并赋值给变量num。最后，使用console.log()函数将转换后的整数打印出来。

如果字符串是浮点数，parseInt()函数将会截取整数部分，并且忽略小数部分。如果字符串以其他字符开头，parseInt()函数会返回NaN（Not a Number）。

使用parseFloat()函数转换字符串为浮点数

如果我们需要将字符串转换为浮点数（包括整数和小数），可以使用parseFloat()函数。这个函数与parseInt()类似，但它返回的是浮点数。

示例代码如下：

let str = "3.14";
let num = parseFloat(str);
console.log(num); // 输出：3.14

上面的代码将字符串"3.14"转换为浮点数，并将其打印出来。

使用Number()函数转换字符串为数字

另一种将字符串转换为数字的方法是使用Number()函数。与parseInt()和parseFloat()函数不同，Number()函数能够处理更多情况，例如处理数字字符串和非数字字符串时表现更加灵活。

示例代码如下：

let str1 = "123";
let num1 = Number(str1);
console.log(num1); // 输出：123

let str2 = "3.14";
let num2 = Number(str2);
console.log(num2); // 输出：3.14

let str3 = "abc";
let num3 = Number(str3);
console.log(num3); // 输出：NaN

上面的代码分别将数字字符串、浮点数字符串和非数字字符串转换为数字，并将结果打印出来。可以看到，Number()函数可以正确处理不同类型的字符串。

注意事项

在将字符串转换为数字时，我们需要注意一些边界情况和可能出现的问题。下面列举了一些常见的注意事项：

1. 空字符串

如果字符串是空字符串（""），则无法转换为数字，会返回0。

示例代码如下：

let str = "";
let num = parseInt(str);
console.log(num); // 输出：0

2. 空格和特殊字符

在字符串开头或结尾处包含空格等特殊字符时，可能会导致转换错误或返回NaN。

示例代码如下：

let str1 = " 123";
let num1 = parseInt(str1);
console.log(num1); // 输出：123

let str2 = "123 ";
let num2 = parseInt(str2);
console.log(num2); // 输出：123

let str3 = "12a3";
let num3 = parseInt(str3);
console.log(num3); // 输出：12