js怎么检查变量是否为数字-js教程-PHP中文网

要判断一个变量是否为“真正的”数字，最稳妥的方法是结合 typeof 和 number.isfinite()。1. typeof 只能判断基础类型，但会将 nan 和 infinity 识别为 "number"；2. number.isnan() 可精确判断是否为 nan，避免全局 isnan() 的类型转换问题；3. number.isfinite() 能排除 nan、infinity 和 -infinity，但会尝试转换非数字类型；4. 若要严格判断变量本身为有限数字，应使用 typeof value === 'number' && number.isfinite(value)，此方法确保变量为 number 类型且为有效有限数值，是判断“真正数字”最可靠的方式。

js怎么检查变量是否为数字

在JavaScript里，要检查一个变量是不是数字，最直接也最常用的方法是结合

typeof

登录后复制

操作符和

Number.isNaN()

登录后复制

或

Number.isFinite()

登录后复制

。光用

typeof

登录后复制

检查出 "number" 类型并不完全够，因为

NaN

登录后复制

（Not-a-Number）和

Infinity

登录后复制

它们自己也是

number

登录后复制

类型。所以，更严谨的判断需要多加一层考量。

解决方案

判断一个变量是否为数字，我通常会根据具体需求选择不同的策略。

1. 基础判断：

typeof

登录后复制

这是最基础的判断，它会告诉你变量的原始类型。

let a = 123;
let b = 'abc';
let c = NaN;
let d = Infinity;

console.log(typeof a); // "number"
console.log(typeof b); // "string"
console.log(typeof c); // "number"
console.log(typeof d); // "number"

登录后复制

你看，

NaN

登录后复制

和

Infinity

登录后复制

也会被识别为 "number"，这在很多实际场景中是不够的，因为它们不是我们通常意义上的“可用于计算的数字”。

2. 排除

NaN

登录后复制

：
Number.isNaN()
登录后复制
当你想确认一个变量是数字，并且它不是

NaN

登录后复制

的时候，

Number.isNaN()

登录后复制

就派上用场了。它比全局的

isNaN()

登录后复制

更可靠，因为它不会进行类型转换。

let num1 = 123;
let num2 = NaN;
let str = 'hello';

console.log(typeof num1 === 'number' && !Number.isNaN(num1)); // true
console.log(typeof num2 === 'number' && !Number.isNaN(num2)); // false (因为 num2 是 NaN)
console.log(typeof str === 'number' && !Number.isNaN(str));   // false (因为 str 不是 number 类型)

登录后复制

这个组合能很好地排除

NaN

登录后复制

。

3. 排除

NaN

登录后复制

和
Infinity
登录后复制
：
Number.isFinite()
登录后复制
如果你的需求是判断一个变量是否为“有限的、真正的数字”（即非

NaN

登录后复制

，非

Infinity

登录后复制

，非

-Infinity

登录后复制

），那么

Number.isFinite()

登录后复制

是最理想的选择。它隐式地包含了

typeof

登录后复制

的检查。

let val1 = 123;
let val2 = NaN;
let val3 = Infinity;
let val4 = -Infinity;
let val5 = 'hello';

console.log(Number.isFinite(val1)); // true
console.log(Number.isFinite(val2)); // false
console.log(Number.isFinite(val3)); // false
console.log(Number.isFinite(val4)); // false
console.log(Number.isFinite(val5)); // false (它会先尝试将非数字值转换为数字，转换失败则为 NaN，然后返回 false)

登录后复制

在我看来，

Number.isFinite()

登录后复制

在大多数需要“有效数字”的场景下，都是最简洁和健壮的判断方式。

4. 判断是否为整数：

Number.isInteger()

登录后复制

如果你只关心变量是不是一个整数，ES6 提供了

Number.isInteger()

登录后复制

。

console.log(Number.isInteger(123));   // true
console.log(Number.isInteger(123.0)); // true
console.log(Number.isInteger(123.5)); // false
console.log(Number.isInteger(NaN));   // false
console.log(Number.isInteger(Infinity)); // false

登录后复制

这个方法同样自带了类型和有效性的检查。

为什么

typeof "number"

登录后复制

不够用？

这问题挺有意思的，也是很多初学者容易犯迷糊的地方。JavaScript 这门语言，在类型系统上有些自己的“脾气”。当你用

typeof

登录后复制

去检查一个变量时，如果它返回 "number"，这仅仅意味着这个变量在内部被标记为数字类型。但问题是，

NaN

登录后复制

（Not-a-Number）和

Infinity

登录后复制

（无穷大）这两个特殊的值，它们在 JavaScript 的类型体系里，也被归类为

number

登录后复制

类型。

举个例子，你可能会做一些数学运算，结果却得到了

NaN

登录后复制

，比如

0 / 0

登录后复制

。或者

1 / 0

登录后复制

得到了

Infinity

登录后复制

。这些结果，虽然从“类型”上看是数字，但在实际的业务逻辑中，它们往往代表着某种计算错误或者无效的状态，而不是一个可以继续参与计算的“有效数字”。所以，如果你只是简单地用

typeof x === 'number'

登录后复制

来判断，那么

NaN

登录后复制

和

Infinity

登录后复制

也会被误认为是有效数字，这可能会导致后续的逻辑出错，比如在渲染表格数据时显示

NaN

登录后复制

，或者在计算总和时得到

Infinity

登录后复制

。这显然不是我们想要的。所以，我们需要更细致的工具来区分这些“披着数字外衣的特殊值”。

阿里云-虚拟数字人

阿里云-虚拟数字人是什么？ ...

查看详情

Number.isNaN()

登录后复制

和全局

isNaN()

登录后复制

有什么不同？

这俩兄弟名字很像，功能也都是检查是不是

NaN

登录后复制

，但它们的行为差异巨大，理解这一点非常重要，能帮你避开不少坑。

全局

isNaN()

登录后复制

：这个函数历史比较悠久，它的一个“特性”就是会先尝试把传入的参数转换成数字，然后再判断。如果转换失败，比如你传了一个字符串

'hello'

登录后复制

，它会先尝试把

'hello'

登录后复制

转换成数字，结果就是

NaN

登录后复制

，然后

isNaN(NaN)

登录后复制

自然就返回

true

登录后复制

。

console.log(isNaN(NaN));      // true
console.log(isNaN(123));      // false
console.log(isNaN('123'));    // false (因为 '123' 可以被成功转换为数字 123)
console.log(isNaN('hello'));  // true  (因为 'hello' 无法转换为数字，结果是 NaN，所以返回 true)
console.log(isNaN(undefined)); // true (undefined 转换为 NaN)
console.log(isNaN(null));     // false (null 转换为 0)
console.log(isNaN({}));       // true  ({} 转换为 NaN)

登录后复制

看到没？

isNaN('hello')

登录后复制

居然是

true

登录后复制

！这在很多时候会让人非常困惑，因为它并不能严格地告诉你“这个变量是不是

NaN

登录后复制

”，它告诉你的是“这个变量在尝试转换为数字后是不是

NaN

登录后复制

”。这种隐式转换的行为，在需要严格类型检查的场景下，简直就是个灾难。

Number.isNaN()

登录后复制

：这是 ES6 引入的方法，它的设计目的就是为了解决全局

isNaN()

登录后复制

的痛点。

Number.isNaN()

登录后复制

不会进行任何类型转换，它只会判断传入的值是否严格等于

NaN

登录后复制

。只有当且仅当参数是真正的

NaN

登录后复制

值时，它才返回

true

登录后复制

。

console.log(Number.isNaN(NaN));      // true
console.log(Number.isNaN(123));      // false
console.log(Number.isNaN('123'));    // false (不是严格的 NaN)
console.log(Number.isNaN('hello'));  // false (不是严格的 NaN)
console.log(Number.isNaN(undefined)); // false
console.log(Number.isNaN(null));     // false
console.log(Number.isNaN({}));       // false

登录后复制

显而易见，

Number.isNaN()

登录后复制

的行为更符合我们直观的理解：我只想知道这个变量是不是那个特殊的

NaN

登录后复制

值，而不是它转换成数字后是不是

NaN

登录后复制

。所以，在绝大多数需要判断

NaN

登录后复制

的场景下，都应该优先使用

Number.isNaN()

登录后复制

。

如何判断一个变量是否是“真正的”数字，而不是特殊值？

当我们说“真正的”数字时，通常是指那些可以参与算术运算、有限的、非

NaN

登录后复制

的数值。前面提到

Number.isFinite()

登录后复制

就是为此而生。

Number.isFinite()

登录后复制

这个方法非常强大，它能帮你一次性排除掉

NaN

登录后复制

、

Infinity

登录后复制

和

-Infinity

登录后复制

这三种特殊情况。它的工作方式是：

首先，它会检查传入的值是否是
```
number
```
登录后复制
类型。如果不是，它会尝试将其转换为数字。
然后，它会判断这个数字是否是有限的。

这意味着，只有当一个值既是

number

登录后复制

类型，又不是

NaN

登录后复制

，也不是

Infinity

登录后复制

或

-Infinity

登录后复制

时，

Number.isFinite()

登录后复制

才会返回

true

登录后复制

。

let validNum = 42;
let floatNum = 3.14;
let negativeNum = -100;
let notANum = NaN;
let positiveInf = Infinity;
let negativeInf = -Infinity;
let stringNum = '500';
let emptyString = '';
let booleanTrue = true;
let nullVal = null;

console.log(Number.isFinite(validNum));      // true
console.log(Number.isFinite(floatNum));     // true
console.log(Number.isFinite(negativeNum));  // true
console.log(Number.isFinite(notANum));      // false
console.log(Number.isFinite(positiveInf));  // false
console.log(Number.isFinite(negativeInf));  // false
console.log(Number.isFinite(stringNum));    // true (这里要注意，它会将 '500' 转换为 500，然后判断)
console.log(Number.isFinite(emptyString));  // true (空字符串转换为 0)
console.log(Number.isFinite(booleanTrue));  // true (true 转换为 1)
console.log(Number.isFinite(nullVal));      // true (null 转换为 0)

登录后复制

等等，你可能注意到

Number.isFinite('500')

登录后复制

竟然是

true

登录后复制

？这和我们前面讨论的

Number.isNaN()

登录后复制

不进行类型转换有点不同。

Number.isFinite()

登录后复制

在面对非数字类型时，会先尝试进行

ToNumber

登录后复制

转换。所以，如果你需要一个非常严格的判断，即变量本身就必须是

number

登录后复制

类型，并且是有限的，那么你可能需要结合

typeof

登录后复制

：

function isStrictlyFiniteNumber(value) {
  return typeof value === 'number' && Number.isFinite(value);
}

console.log(isStrictlyFiniteNumber(42));       // true
console.log(isStrictlyFiniteNumber(NaN));      // false
console.log(isStrictlyFiniteNumber(Infinity)); // false
console.log(isStrictlyFiniteNumber('500'));    // false (因为 typeof '500' 是 "string")
console.log(isStrictlyFiniteNumber(true));     // false

登录后复制

这个