JavaScript中如何将字符串入参转换为数字类型供函数计算使用

原有代码的问题 #

你之前写的代码存在两个核心错误：

• 校验逻辑仅支持原生数字类型入参：firstParam === Number(firstParam)的严格相等判断，只有当参数本身就是数字类型时才会成立。如果传入'10'这类可转数字的字符串，字符串值和转换后的数字值严格不相等，会被误判为无效参数。
• 类型转换写法错误：Number.firstParam是访问Number内置对象的firstParam属性，该属性不存在，永远返回undefined，完全起不到类型转换的作用。正确的类型转换调用方式是Number(待转换的值)。

实现逻辑说明 #

处理这类入参需要先区分两类字符串：

• 可合法转为数字的字符串：比如'10'、'12.3'、' 5 '这类，转换后得到有效数字，可以参与运算
• 无法转为有效数字的字符串：比如'Ten'、'abc'这类，转换后得到NaN（非数字值），需要拦截并返回参数无效提示

可直接运行的正确实现 #

const sum = (firstParam, secondParam) => {
  // 对两个入参统一做显式数值转换
  const numA = Number(firstParam)
  const numB = Number(secondParam)
  // 校验转换结果是否为有效数字，过滤转换后为NaN的无效输入
  if (!isNaN(numA) && !isNaN(numB)) {
    // 注：原函数命名为sum但逻辑是做减法，需要求和的话把减号改成加号即可
    return numA - numB
  } else {
    return 'Invalid argument(s)'
  }
}

// 测试用例验证
console.log(sum(1,1)) // 输出0，原生数字入参正常运行
console.log(sum('10', 2)) // 输出8，字符串'10'自动转成数字10参与运算
console.log(sum('12.5', '2.5')) // 输出10，两个数字字符串均可正常转换
console.log(sum('Ten', 1)) // 输出Invalid argument(s)，'Ten'无法转为有效数字，被正常拦截

补充说明 #

• Number()转换本身会自动忽略字符串首尾的空格，不需要额外手动处理带空格的数字字符串
• 不要用松散相等（==）做隐式转换判断，容易出现null == 0这类意料之外的判断错误，显式转换+isNaN校验的逻辑更稳定可控

内容的提问来源于stack exchange，提问作者Mrmrme