JavaScript处理用户输入数值的核心是先校验再转换后判断，应使用trim()去空格、isFinite(+input)安全检测，避免isNaN()误判，NaN需用Number.isNaN()检测，运算前必须清洗以防传播。
JavaScript 中处理用户输入的非数值内容和 NaN，核心在于先校验、再转换、后判断，而不是依赖 isNaN() 或直接运算后检查结果。
识别真正的数字输入
用户输入（如表单字段）通常是字符串，即使看起来像数字（如 "123"、" 45.6 "），也可能含空格、单位、符号或空值。直接用 Number() 或 parseInt() 转换容易产出 NaN，但关键不是“怎么转”，而是“是否该转”。
- 用
trim()去首尾空格，避免" "或"123 "导致误判 - 用正则粗筛格式（例如
/^-?\d*\.?\d+$/）可快速排除明显非法内容，但注意它不覆盖科学计数法或"Infinity" - 更稳妥的方式是：先转成数字，再用
isFinite()判断——因为Number("123")是123（有效），Number("abc")是NaN，Number("Infinity")是Infinity，而isFinite(NaN)和isFinite(Infinity)都返回false
安全转换与默认值处理
不要让 NaN 进入后续计算。一旦发现输入不可转为有限数字，应主动提供默认值或明确反馈。
-
const num = isFinite(+input.trim()) ? +input.trim() : 0;—— 使用一元加号简洁转换，配合isFinite保证安全 - 若需保留
null或undefined语义，可用Number(input)后判断：const n = Number(input); if (isNaN(n) || !isFinite(n)) { /* 处理错误 */ } - 避免用
parseInt(input, 10)解析带小数的输入（它会截断），也不推荐parseFloat单独使用——它对"123abc"返回123，可能掩盖脏数据
理解 NaN 的特殊行为
NaN 不等于任何值，包括它自己。所以 NaN === NaN 是 false，不能用相等比较来检测。
立即学习“Java免费学习笔记（深入）”；
- 检测
NaN应用Number.isNaN(value)（推荐），它只对真正NaN返回true；旧式isNaN()会强制转换（如isNaN("abc")→true，但isNaN("123")→false，易误导） - 运算中一旦出现
NaN，多数算术操作会传播它（NaN + 5、Math.max(NaN, 10)都得NaN），所以校验要前置 - 数组方法如
filter或map中若未清理NaN，可能引发静默错误，建议在数据流入前做清洗
实际场景示例
比如一个金额输入框：
- 用户输入
"$1,234.56"→ 先用replace(/[^-\d.]/g, "")清洗，再trim()，再isFinite(+val)判断 - 输入为空、
"--"、"12..3"→ 清洗后为""或"."，转数字后是NaN或0，此时应提示“请输入有效数字”而非静默设为 0 - 提交前统一遍历字段，对每个数值型输入执行上述校验流程，比分散处理更可靠
