字符串到数字

JavaScript 是一种强大的编程语言，它经常用于处理字符串和数字之间的转换。在 JavaScript 中，我们可以使用内置的函数和操作符来将字符串转换为数字。

1. 使用内置函数 parseInt() 和 parseFloat()

要将一个字符串转换为整数或浮点数，可以使用 JavaScript 的内置函数 parseInt() 和 parseFloat()。

parseInt() 函数将字符串解析为整数，如果字符串的开头不是数字，则会返回 NaN（Not a Number）。

示例代码：

let str1 = "10";
let num1 = parseInt(str1);
console.log(num1); // 输出: 10

let str2 = "3.14";
let num2 = parseFloat(str2);
console.log(num2); // 输出: 3.14

let str3 = "Hello";
let num3 = parseInt(str3);
console.log(num3); // 输出: NaN

parseFloat() 函数将字符串解析为浮点数，如果字符串的开头不是数字，则会返回 NaN。

2. 使用 Number() 构造函数

JavaScript 还提供了 Number() 构造函数来将字符串转换为数字。这个构造函数可以处理整数、浮点数和科学计数法表示的数字。

示例代码：

let str = "42";
let num = Number(str);
console.log(num); // 输出: 42

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

let str3 = "1e3";
let num3 = Number(str3);
console.log(num3); // 输出: 1000

请注意，如果字符串无法被解析为有效的数字，Number() 构造函数将返回 NaN。

3. 使用 + 操作符

JavaScript 还可以使用 + 操作符将字符串转换为数字。

示例代码：

let str = "42";
let num = +str;
console.log(num); // 输出: 42

let str2 = "3.14";
let num2 = +str2;
console.log(num2); // 输出: 3.14

与 parseInt() 和 parseFloat() 不同，+ 操作符可以处理带有符号的数字字符串，例如 -42 或 +3.14。

4. 错误处理

在将字符串转换为数字时，需要注意错误处理。如果字符串无法转换为有效的数字，将返回 NaN。

示例代码：

let str = "Hello";
let num = parseInt(str);

if (isNaN(num)) {
  console.log("无效的数字");
} else {
  console.log("转换成功：" + num);
}

以上代码将输出 "无效的数字"，因为 "Hello" 无法转换为整数。

总结

这篇介绍向你展示了如何使用 JavaScript 将字符串转换为数字。无论是使用 parseInt() 和 parseFloat() 函数，还是使用 Number() 构造函数或 + 操作符，选择哪种方法取决于你的具体需求。记住，在进行字符串到数字的转换时，始终要注意错误处理，以避免意外结果。