在日常开发中，我们经常需要将字符串转换为数字进行计算或处理。JavaScript 提供了多种方式来实现这一需求，以下是三种常见的方法：
方法一：使用 `Number()` 构造函数
`Number()` 是 JavaScript 中一个内置的构造函数，可以将值转换为数字类型。当传入的参数是字符串时，它会尝试将其解析为数字。
```javascript
let str = "123";
let num = Number(str);
console.log(typeof num); // 输出: "number"
```
需要注意的是，如果字符串无法被解析为有效的数字（例如包含非数字字符），`Number()` 会返回 `NaN`。
```javascript
let invalidStr = "123abc";
let result = Number(invalidStr);
console.log(result); // 输出: NaN
```
方法二：使用一元加号运算符 (`+`)
一元加号运算符可以快速将字符串转换为数字。它的原理与 `Number()` 类似，能够自动尝试将字符串解析为数字。
```javascript
let str = "456";
let num = +str;
console.log(typeof num); // 输出: "number"
```
同样地，如果字符串包含无效的数字字符，结果也会是 `NaN`。
```javascript
let invalidStr = "789xyz";
let result = +invalidStr;
console.log(result); // 输出: NaN
```
方法三：使用 `parseInt()` 或 `parseFloat()`
`parseInt()` 和 `parseFloat()` 是专门用于解析字符串并返回整数或浮点数的函数。它们允许指定基数（进制）来解析字符串。
```javascript
let str = "100";
let intNum = parseInt(str, 10); // 明确指定基数为10
console.log(intNum); // 输出: 100
```
对于浮点数，可以使用 `parseFloat()`：
```javascript
let floatStr = "3.14";
let floatNum = parseFloat(floatStr);
console.log(floatNum); // 输出: 3.14
```
这些方法在处理不同格式的字符串时各有优势，选择合适的方法取决于具体的应用场景和需求。
总结来说，`Number()` 和一元加号运算符是最简单快捷的方式，而 `parseInt()` 和 `parseFloat()` 则提供了更灵活的解析选项。根据实际情况合理选择，可以让代码更加高效且易于维护。
