JavaScript判断数字方法

在JavaScript中，判断一个值是否为数字有多种场景，以下是常见方法及适用情况：

1. 严格判断数字类型（排除NaN）

使用 typeof 结合 !isNaN()，确保值是 number 类型且非 NaN：

javascript

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

// 测试
isNumber(42);        // true
isNumber(3.14);      // true
isNumber(NaN);       // false（NaN 被排除）
isNumber('42');      // false（字符串类型）
isNumber(true);      // false（布尔类型）

2. 判断可转换为数字的值（包括字符串数字）

使用 !isNaN() 和显式类型转换（parseFloat 或 Number）：

javascript

function isNumeric(value) {
  return !isNaN(parseFloat(value)) && isFinite(value);
}

// 或更简洁的版本（注意空字符串会返回 false）
function isNumeric(value) {
  return !isNaN(value) && value !== '' && value !== null;
}

// 测试
isNumeric(42);         // true
isNumeric('42');       // true
isNumeric('-3.14');    // true
isNumeric('  42  ');   // true（空格会被忽略）
isNumeric('42abc');    // false（含非数字字符）
isNumeric('');         // false
isNumeric(true);       // false（布尔值需额外处理）

3. 使用正则表达式（精确控制格式）

匹配整数、小数、科学计数法：

javascript

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

// 测试
isNumeric('42');       // true
isNumeric('3.14');     // true
isNumeric('.5');       // true（0.5 的简写）
isNumeric('1e5');      // true（科学计数法）
isNumeric('0xFF');     // false（不匹配十六进制）
isNumeric('12a');      // false

4. 特殊值处理

• Infinity / -Infinity:
  使用 isFinite() 排除：

  javascript

  isFinite(42);       // true
  isFinite(Infinity);  // false

• 空字符串或空白字符串:
  需额外检查：

  javascript

  function isNumeric(value) {
    if (typeof value === 'string' && value.trim() === '') return false;
    return !isNaN(value);
  }

5. 其他方法对比

总结建议

• 纯数字类型:

  javascript

  const isNumber = (value) => typeof value === 'number' && !isNaN(value);

• 包含字符串数字:

  javascript

  const isNumeric = (value) => 
    !isNaN(parseFloat(value)) && 
    isFinite(value) && 
    (typeof value !== 'string' || value.trim() !== '');

根据需求选择合适方法，注意边界值（如空字符串、Infinity、NaN）。

以下是 JavaScript 函数转换为 TypeScript 的完整实现，包括类型注解和优化处理：

typescript

/**
 * 检查一个值是否可转换为有效的数字
 * @param value - 要检查的值（任意类型）
 * @returns 如果值可转换为有效数字则返回 true，否则返回 false
 */
const isNumeric = (value: unknown): boolean => {
  // 处理字符串：排除空字符串和纯空白字符串
  if (typeof value === 'string') {
    return value.trim() !== '' 
        && !isNaN(parseFloat(value)) 
        && Number.isFinite(Number(value));
  }
  
  // 处理其他类型（数字、布尔值等）
  return typeof value === 'number' 
      ? Number.isFinite(value) // 检查有效数字（排除 NaN/Infinity）
      : value !== null 
          && value !== undefined 
          && !isNaN(Number(value));
};

关键改进说明：

1. 类型安全：

   • 使用 unknown 作为输入类型，确保类型安全

   • 明确的返回类型 boolean

2. 逻辑优化：

   • 单独处理字符串类型，明确排除空/空白字符串

   • 使用 Number.isFinite 替代全局 isFinite 避免类型转换问题

   • 对非字符串类型进行更安全的处理

3. 测试用例覆盖：

   typescript

   // 有效数字
   console.log(isNumeric(42));           // true
   console.log(isNumeric('42'));         // true
   console.log(isNumeric(' 3.14 '));     // true
   console.log(isNumeric(-12.34));       // true
   console.log(isNumeric('1e3'));        // true
   console.log(isNumeric(true));         // false (布尔值)
   
   // 无效数字
   console.log(isNumeric(''));           // false (空字符串)
   console.log(isNumeric('   '));        // false (空白字符串)
   console.log(isNumeric('42abc'));      // false (含非数字字符)
   console.log(isNumeric(NaN));          // false
   console.log(isNumeric(Infinity));     // false
   console.log(isNumeric(null));         // false
   console.log(isNumeric(undefined));    // false
   console.log(isNumeric({}));           // false (对象)
   console.log(isNumeric([1, 2]));       // false (数组)
   console.log(isNumeric('123.45.67'));  // false (无效格式)

为什么这样改写？

1. 避免全局 isFinite 的类型问题：

   • TypeScript 中全局 isFinite 要求参数为 number 类型

   • 使用 Number.isFinite(Number(value)) 确保安全类型转换

2. 精确处理字符串：

   • 单独处理字符串类型，避免 trim() 在非字符串上的调用错误

   • 显式排除空/空白字符串情况

3. 更好的类型推断：

   • 使用类型守卫 (typeof value === 'string') 确保类型安全

   • 对数字类型进行直接检查，避免不必要的转换

4. 边缘情况处理：

   • 正确处理 null 和 undefined

   • 处理布尔值（true/false 不被视为数字）

   • 处理对象和数组等复杂类型

此实现保持了原 JavaScript 函数的行为，同时增加了 TypeScript 的类型安全性，并优化了边缘情况的处理逻辑。

/**
 * 检查一个值是否可转换为有效的数字
 * @param value - 要检查的值（任意类型）
 * @returns 如果值可转换为有效数字则返回 true，否则返回 false
 */
export function isNumeric(value: unknown) {
  // 处理字符串：排除空字符串和纯空白字符串
  if (typeof value === "string") {
    return value.trim() !== "" && !isNaN(parseFloat(value)) && Number.isFinite(Number(value));
  }

  // 处理其他类型（数字、布尔值等）
  return typeof value === "number"
    ? Number.isFinite(value) // 检查有效数字（排除 NaN/Infinity）
    : value !== null && value !== undefined && !isNaN(Number(value));
}