JavaScript字符串转Number关键在“准”和“可控”，推荐Number(str)+isNaN()严格校验；需截取开头数字用parseInt(str,10)或parseFloat(str)；容错提取应先清理再转换；简洁场景可用一元加号+，但不适用于用户输入。
JavaScript 中将字符串转为 Number 类型，关键不在“快”，而在“准”和“可控”。不同方法行为差异大，选错容易埋下 NaN 隐患，尤其在表单校验、接口数据清洗等场景中后果明显。下面从实际需求出发，列出真正可靠的做法。
需要严格校验：整个字符串必须是合法数字
用 Number() 配合 isNaN() 判断：
-
Number("123") → 123，Number("12.5") → 12.5，Number("-4e2") → -400，都成功 -
Number("123px") → NaN，Number(" 42 ") → 42（自动去首尾空格），Number("") → 0 - 务必检查结果：
const num = Number(str); if (isNaN(num)) { /* 转换失败 */ }
只需提取开头数字（如 CSS 值、带单位文本）
用 parseInt() 或 parseFloat()，但必须指定基数：
- 整数优先：用
parseInt(str, 10)—— 明确十进制，避免"012"被当八进制解析 - 浮点数优先：用
parseFloat(str)—— 它天然只支持十进制，且能识别小数点和 e 指数 - 注意：
parseInt("2.99", 10) → 2，parseFloat("2.99px") → 2.99，它们都会停在第一个非法字符处
需要容错提取数字（如 "¥1,234.50" 或 "库存：-5件"）
先清理再转换，避免直接依赖宽松解析：
立即学习“Java免费学习笔记（深入）”；
- 取所有数字字符（含小数点、负号、e）：
str.match(/-?\d*\.?\d+(?:e[+-]?\d+)?/i)?.[0] - 或粗略清理常见干扰：
Number(str.replace(/[^\d.-eE]/g, ""))（慎用于含多个数字的字符串） - 更稳妥做法：
const cleaned = str.replace(/[^0-9.-+eE]/g, ""); const num = Number(cleaned);
追求简洁写法（仅限可信输入）
用一元加号 +，语义清晰、性能略优，但行为与 Number() 完全一致：
-
+"42" → 42，+"3.14" → 3.14，+" -7 " → -7 -
+"abc" → NaN，+"42px" → NaN—— 不会截取，这点比parseInt更严格 - 适合内部逻辑、已知格式的变量转换，不建议用于用户输入直转
不复杂但容易忽略：没有万能方法。明确你要的是“严格匹配”“截取开头”还是“容错提取”，再选对应策略。多数业务场景推荐以 Number(str) + isNaN() 为默认起点，安全边界最清晰。
