如何避免字符串与数字相加返回NaN？及JS数字判断相加程序纠错

嘿，我来帮你搞定这两个问题！

1. 如何避免字符串与数字相加返回NaN，得到自定义正确输出？ #

核心思路是先确保参与运算的都是有效数字——如果输入的内容无法被转换成合法数字，我们就触发自定义提示（比如你想要的报错信息），而不是直接执行相加操作。

之所以会出现NaN，是因为当你把非数字字符串用Number()转换后，得到的是NaN（非数字值），而NaN和任何值运算结果都是NaN。所以关键步骤是：先校验输入是否能被转换成有效数字，再决定是执行相加还是返回提示。

2. 修复你的JavaScript代码逻辑 #

你的代码问题出在：typeof NaN的结果是'number'，所以当用户输入非数字内容时，Number(prompt(...))返回NaN，你的条件判断x1==='number' && y1==='number'会错误地认为这是合法数字，最终执行相加得到NaN输出。

要解决这个问题，我们需要用专门判断有效数字的方法，而不是只检查类型。这里推荐使用Number.isNaN()（它和全局isNaN()的区别是，不会先把值转换成数字，只会精准判断值本身是否是NaN）。

修复后的代码（简洁版） #

<script>
  var x = Number(prompt("Enter First Choice"));
  var y = Number(prompt("Enter Second Choice"));

  // 判断两个值都不是NaN（即都是有效数字）
  if (!Number.isNaN(x) && !Number.isNaN(y)) {
    document.write(x + y);
  } else {
    document.write("Sorry.... Only Nos will be added");
  }
</script>

更严格的纯数字校验（可选） #

如果需要用户输入纯数字字符串（比如输入"123abc"会被判定为无效），可以用正则表达式提前校验输入：

<script>
  var input1 = prompt("Enter First Choice");
  var input2 = prompt("Enter Second Choice");

  // 正则匹配整数/小数，支持负号
  var validNumberRegex = /^-?\d+(\.\d+)?$/;
  
  if (validNumberRegex.test(input1) && validNumberRegex.test(input2)) {
    var x = Number(input1);
    var y = Number(input2);
    document.write(x + y);
  } else {
    document.write("Sorry.... Only Nos will be added");
  }
</script>

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