js 字符串转换数字

封面图 • 2025-11-04 • JavaScript

在 JavaScript 中，将字符串转换为数字有多种方法，下面是几种常见的方法：

---

### ✅ 1. 使用 `Number()` 函数

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

- 如果字符串无法转换为数字（如 `"abc"`），会返回 `NaN`。
- 可以处理带小数点的字符串，如 `"123.45"`。

---

### ✅ 2. 使用 `parseInt()`（只取整数部分）

```javascript
let str = "123.45";
let num = parseInt(str);
console.log(num); // 输出: 123
```

- 适用于字符串中包含整数部分的情况。
- 如果字符串开头不是数字，会返回 `NaN`。

---

### ✅ 3. 使用 `parseFloat()`（可以解析小数）

```javascript
let str = "123.45";
let num = parseFloat(str);
console.log(num); // 输出: 123.45
```

- 和 `parseInt()` 类似，但可以保留小数部分。

---

### ✅ 4. 使用一元加号 `+` 运算符

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

- 这是一种简洁的方式，和 `Number(str)` 效果一样。

---

### ✅ 5. 使用 `Math.floor()`, `Math.ceil()`, `Math.round()` 等

如果你需要对数值进行四舍五入等操作：

```javascript
let str = "123.78";
let num = Math.round(+str); // 124
```

---

### ⚠️ 注意事项

- 如果字符串是 `"123abc"`，`Number()` 或 `parseInt()` 会尝试转换前面的部分，如 `123`。
- 如果字符串是 `"abc123"`，则会返回 `NaN`。
- 对于空字符串 `""`，`Number("")` 返回 `0`，而 `parseInt("")` 返回 `NaN`。

---

### 示例对比

| 字符串       | Number() | parseInt() | parseFloat() |
|--------------|----------|------------|--------------|
| `"123"`      | 123      | 123        | 123          |
| `"123.45"`   | 123.45   | 123        | 123.45       |
| `"abc123"`   | NaN      | NaN        | NaN          |
| `"123abc"`   | NaN      | 123        | 123          |
| `""`         | 0        | NaN        | NaN          |

---

如果你有具体的字符串或使用场景，我可以帮你选择最合适的方法。