JS判断值是否是数字

封面图 • 2025-12-17 • JavaScript

在 JavaScript 中，判断一个值是否是数字有多种方法，具体取决于你想要的“数字”定义（比如：`Number` 类型、`String` 表示的数字、`NaN` 等）。以下是几种常见的判断方式：

---

### ✅ 1. 使用 `typeof` 判断是否为 `number` 类型

```javascript
function isNumber(value) {
  return typeof value === 'number' && !isNaN(value);
}
```

**说明：**
- `typeof value === 'number'`：判断是否是原始数字类型。
- `!isNaN(value)`：排除 `NaN`（虽然 `typeof NaN` 也是 `'number'`）。

---

### ✅ 2. 使用 `Number.isFinite()` 判断是否为有限数字

```javascript
function isNumber(value) {
  return Number.isFinite(value);
}
```

**说明：**
- 只返回 `true` 当值是数字且是有限数（不是 `Infinity` 或 `-Infinity`）。
- 不会将字符串转换成数字。

---

### ✅ 3. 使用 `isFinite()` 判断是否为有限数字

```javascript
function isNumber(value) {
  return isFinite(value);
}
```

**说明：**
- 会自动尝试将非数字类型的值转换成数字（例如字符串 `"123"` 会被视为 `123`）。
- 如果值不能被转换为数字，返回 `false`。

---

### ✅ 4. 更严格的判断（包括字符串形式的数字）

如果你希望判断字符串是否表示数字（如 `"123"`, `"12.3"`），可以使用正则表达式或 `Number()` 转换：

```javascript
function isNumber(value) {
  return !isNaN(Number(value)) && isFinite(Number(value));
}
```

**说明：**
- 先用 `Number(value)` 尝试转换，再判断是否是有限数字。
- 可以处理字符串形式的数字。

---

### ✅ 5. 使用 `isNaN()` 的注意事项

```javascript
function isNumber(value) {
  return !isNaN(value);
}
```

⚠️ **注意：** `isNaN()` 会尝试将值转换为数字，所以它不推荐用于严格判断是否是数字类型。例如：

```javascript
isNaN("123"); // false（因为 "123" 被转为 123）
isNaN("abc"); // true（无法转换为数字）
```

---

### ✅ 总结

| 方法 | 是否是数字类型 | 是否处理字符串 | 是否排除 NaN |
|------|----------------|----------------|--------------|
| `typeof === 'number'` | ✅ | ❌ | ❌ |
| `Number.isFinite()` | ✅ | ❌ | ✅ |
| `isFinite()` | ✅ | ✅ | ✅ |
| `!isNaN(Number(...))` | ❌ | ✅ | ✅ |

---

### 示例

```javascript
console.log(isNumber(123));        // true
console.log(isNumber("123"));      // true（如果使用 `Number.isFinite` 以外的方法）
console.log(isNumber("abc"));      // false
console.log(isNumber(NaN));        // false
console.log(isNumber(Infinity));   // false
console.log(isNumber(null));       // false
console.log(isNumber(undefined));  // false
```

---

如果你告诉我你具体的使用场景（比如是否需要处理字符串、是否需要排除 `NaN` 等），我可以帮你定制更合适的函数。