js 判断字符串是否为数字|极客笔记

js 判断字符串是否为数字

在日常的编程工作中，经常会遇到需要判断一个字符串是否为数字的情况。特别是在前端开发中，用户输入的内容往往是字符串形式，需要对其进行验证或转换。本文将详细讨论在JavaScript中如何判断一个字符串是否为数字。

方法一：使用isNaN()函数

JavaScript中提供了一个全局函数 isNaN()，可以用来判断一个值是不是数字。当传入的参数为字符串时，isNaN() 函数会尝试将其转换为数字，如果转换成功则返回false，转换失败则返回true。因此，可以利用这一特性来判断一个字符串是否为数字。

function isNumber(str) {
  return !isNaN(str);
}

console.log(isNumber('123')); // true
console.log(isNumber('abc')); // false

上面的代码定义了一个isNumber函数，接受一个字符串作为参数，利用 isNaN() 函数判断该字符串是否为数字。运行示例代码，可以看到结果分别为true和false，符合预期。

需要注意的是，isNaN() 函数在判断空字符串时会返回false，因为空字符串在转换为数字时会被当作0处理。如果希望在判断空字符串时返回false，可以结合trim()函数先去除首尾空格再判断。

function isNumber(str) {
  str = str.trim();
  return !isNaN(str);
}

console.log(isNumber('')); // false

方法二：使用正则表达式

另一种常用的方法是使用正则表达式来判断一个字符串是否为数字。在JavaScript中，我们可以借助正则表达式中的test()方法来进行判断。

function isNumber(str) {
  return /^\d+$/.test(str);
}

console.log(isNumber('123')); // true
console.log(isNumber('abc')); // false

上面的代码定义了一个isNumber函数，利用正则表达式/^\d+$/来匹配纯数字字符串。运行示例代码，可以看到结果与预期相符。

需要注意的是，上述方法只适用于判断整数类型的数字，如果需要判断带有小数点的数字，可以使用如下正则表达式：

function isNumber(str) {
  return /^\d+(\.\d+)?$/.test(str);
}

console.log(isNumber('123.45')); // true
console.log(isNumber('abc')); // false

方法三：使用全局函数parseInt()

除了上述方法，我们还可以利用全局函数parseInt()来判断一个字符串是否为数字。parseInt()函数将字符串转换为整数，如果转换成功则返回整数值，否则返回NaN。

function isNumber(str) {
  return !isNaN(parseInt(str));
}

console.log(isNumber('123')); // true
console.log(isNumber('abc')); // false

上面代码中，利用parseInt()函数将字符串转换为整数，再利用isNaN()函数进行判断。运行示例代码，可以看到相应的结果。

需要注意的是，parseInt()函数在转换字符串时只会取整数部分，如果字符串中含有非数字字符，则会在非数字字符处停止转换，返回截取的整数部分。如果希望判断小数类型的字符串，可以使用parseFloat()函数。

方法四：使用正则表达式匹配所有数字类型

有时候我们需要一种更通用的方法来判断字符串是否包含数字，包括整数、负数、小数以及科学计数法等形式的数字。这时可以借助更复杂的正则表达式来进行匹配。

function isNumber(str) {
  return /^-?\d*\.?\d+ $/.test(str) || /^-?\d+(\.\d+)?[eE]-?\d+$ /.test(str);
}

console.log(isNumber('123')); // true
console.log(isNumber('-3.14')); // true
console.log(isNumber('1.23e-4')); // true
console.log(isNumber('abc')); // false

上面代码中定义了一个更复杂的正则表达式，可以匹配包括整数、负数、小数和科学计数法在内的各种数字形式。运行示例代码，可以看到不同形式的数字字符串均能正确判断。

综上所述，我们介绍了四种常用的方法来判断一个字符串是否为数字：使用isNaN()函数、使用正则表达式匹配整数、使用parseInt()函数以及使用更复杂的正则表达式匹配各种数字形式。开发者可以根据具体的需求选择合适的方法来进行判断。