JavaScript 中的数字验证

在开发 Web 应用程序时，经常需要验证用户输入的数据是否是数字。在 JavaScript 中，可以使用各种方法来执行数字验证。

1. typeof 运算符

使用 typeof 运算符可以检测变量是否为数字类型。如果是数字类型，则返回 "number"。

let num = 123;
if (typeof num === "number") {
  console.log("变量 num 是一个数字");
}

2. isNaN() 函数

isNaN() 函数用于检测变量是否为 NaN（Not a Number）。如果是 NaN，则返回 true，否则返回 false。

let num1 = "abc";
if (isNaN(num1)) {
  console.log("变量 num1 不是一个数字");
}

let num2 = "123";
if (isNaN(num2)) {
  console.log("变量 num2 不是一个数字");
} else {
  console.log("变量 num2 是一个数字");
}

3. 正则表达式

正则表达式是一种强大的工具，可以用于验证各种类型的数据，包括数字。下面是一些常用的数字验证正则表达式。

3.1 整数

let reg1 = /^[1-9]\d*$/; // 匹配正整数
let reg2 = /^-[1-9]\d*$/; // 匹配负整数
let reg3 = /^-?[1-9]\d*$/; // 匹配整数

3.2 浮点数

let reg4 = /^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$/; // 匹配正浮点数
let reg5 = /^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$/; // 匹配负浮点数
let reg6 = /^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|\d+)$/; // 匹配浮点数

4. parseInt() 函数

parseInt() 函数可解析一个字符串，并返回一个整数。如果字符串不包含数字，则返回 NaN。

let num3 = "123";
let result1 = parseInt(num3);
if (!isNaN(result1)) {
  console.log("变量 num3 是一个数字");
}

let num4 = "abc";
let result2 = parseInt(num4);
if (isNaN(result2)) {
  console.log("变量 num4 不是一个数字");
}

以上是 JavaScript 中数字验证的几种方法，开发者根据具体情况，选择合适的方式进行数字验证即可。