js判断是不是数字 - 银典经验网

关于js判断是不是数字的知识点，银典经验网将为你整理了下面这些知识。

js判断是不是数字

在JS中，判断一个变量是不是数字非常重要，因为这涉及到我们对数据类型的理解和数据处理的正确性。本文将详细介绍JS中如何判断一个变量是不是数字。

1. 利用typeof

我们可以使用typeof方法来判断一个变量的数据类型，这个方法返回值是字符串形式，判断数字可以使用Number类型来进行判断。以下是利用typeof判断数字的示例代码：

示例代码：

  
const num = 123;
if (typeof num === 'number') {
  console.log('num是数字');
} else {
  console.log('num不是数字');
}

2. 利用isNaN

当我们需要判断输入的值是不是一个数字时，可以使用isNaN方法进行判断。其返回值为Boolean值，当参数为数字则返回false，否则为true。但是，需要特别注意的是，如果传入的参数是字符串类型，需要先使用Number()方法将其转换为数字再进行判断。以下是利用isNaN判断数字的示例代码：

示例代码：

  
const num1 = 123;
const num2 = 'abc';

if (isNaN(num1)) {
  console.log('num1不是数字');
} else {
  console.log('num1是数字');
}

if (isNaN(Number(num2))) {
  console.log('num2不是数字');
} else {
  console.log('num2是数字');
}

3. 正则表达式判断

利用正则表达式也可对数字进行判断，这里只需要一个正则表达式即可，如下所示：

示例代码：

  
const num = 123;
const reg = /^[0-9]+$/;

if (reg.test(num)) {
  console.log('num是数字');
} else {
  console.log('num不是数字');
}

4. 自定义函数验证

如果以上方法都不能满足我们的需求，那么可以自行编写函数对数字进行验证。以下是一个简单的自定义函数实现，可以根据需求自行修改：

示例代码：

  
function isNumber(n) {
  return !isNaN(parseFloat(n)) && isFinite(n);
}

const num = 123;
if (isNumber(num)) {
  console.log('num是数字');
} else {
  console.log('num不是数字');
}

总结：

判断变量是否为数字是JS中非常基础的内容，本文共介绍了四种判断方式，包括利用typeof、isNaN、正则表达式和自定义函数。每一种方式都有其适用范围，具体使用需要根据实际情况予以选择。为了保证程序的正确性，应尽可能多地采用多重校验的方式进行判断和验证。