JavaScript字符串转数字需安全可控：优先用Number()配合isFinite()和类型校验；整数用Number.isInteger()，小数用正则预校验再parseFloat()；避免parseInt隐式进制与截断风险；解析与格式化须分离。
JavaScript 中把字符串转为数字，关键不是“怎么转”，而是“怎么转得安全、可控、不踩坑”。直接用 parseInt 或 parseFloat 看似简单，但它们对非法字符、空格、前导零、科学计数法等行为容易出人意料；而用一元加号（+）或 Number() 虽更严格，却可能把空串、空白字符串转成 0 或 NaN，也需谨慎处理。
用 Number() + 显式校验判断整数和小数
Number(str) 是最中立的转换方式：它会尝试将整个字符串解析为数字，遇到无法解析的部分（如 "123abc"）直接返回 NaN，不会截断。但它不区分整数和小数，也不拒绝空格或空字符串——比如 Number(" 42 ") === 42，Number("") === 0，这往往不是你想要的“安全”行为。
安全做法是：先用 Number() 转换，再结合 isFinite() 和类型/格式校验：
-
isFinite(num)排除NaN、Infinity、-Infinity - 检查原始字符串是否为空白（用
str.trim() === ""） - 若只要整数，额外验证
Number.isInteger(num)
示例（安全转整数）：
立即学习“Java免费学习笔记（深入）”；
function safeParseInt(str) {
if (typeof str !== 'string' || str.trim() === '') return NaN;
const num = Number(str);
return isFinite(num) && Number.isInteger(num) ? num : NaN;
}
safeParseInt(" 123 "); // 123
safeParseInt("12.3"); // NaN（非整数）
safeParseInt("abc"); // NaN
safeParseInt(""); // NaN
用正则预校验 + parseFloat 控制小数精度
parseFloat("12.34abc") 会返回 12.34（只取开头有效部分），这在表单校验中容易埋雷。更安全的方式是：先用正则判断字符串是否符合小数格式，再转换。
常用小数正则（支持可选正负号、可选整数位、必须有小数点+至少一位小数）：
/^[+-]?\d*\.?\d+$/
但注意：它不匹配 ".5" 或 "12."。如需支持常见写法，可用更宽松的：/^[+-]?(\d+\.?\d*|\.\d+)$/。
推荐组合：
- 用正则快速过滤明显非法输入（如含字母、多余小数点、多个符号）
- 再用
parseFloat()或Number()转换（二者在此场景结果一致） - 最后用
isFinite()确保结果有效
示例（安全转小数）：
function safeParseFloat(str) {
if (typeof str !== 'string') return NaN;
const trimmed = str.trim();
if (!trimmed) return NaN;
// 支持: "12", "12.34", "-.5", "+0.001", ".7"
const isValidFloat = /^[+-]?(\d+\.?\d*|\.\d+)$/.test(trimmed);
if (!isValidFloat) return NaN;
const num = parseFloat(trimmed);
return isFinite(num) ? num : NaN;
}
避免 parseInt() 的隐式进制陷阱
parseInt("08") 在旧版浏览器中可能返回 0（被当八进制），parseInt("10", 10) 才真正表示“按十进制解析”。即使现在默认是十进制，显式传入基数 10 仍是强烈推荐的实践。
更要警惕的是：parseInt("12px") === 12，它会静默忽略后续非数字字符——这在 CSS 值提取等场景有用，但在数值校验中是隐患。
所以除非你明确需要“取开头数字”，否则别用 parseInt 做安全转换。真要用，务必：
- 第二个参数固定写
10 - 配合
str.trim()预处理 - 转换后检查是否
isNaN()且结果与原字符串数字部分一致（较重，一般用Number()更省心）
小数截断/四舍五入要单独处理，不在解析阶段做
解析（parse）和格式化（format）是两个阶段。不要在转换函数里自动 Math.round() 或 .toFixed()，那会混淆语义、丢失精度、引发类型错误（.toFixed() 返回字符串）。
正确做法：
- 解析阶段只关心“是不是合法数字”，返回原生
number - 显示或存储前，按需调用
Math.round(num * 100) / 100（保留两位小数）或num.toFixed(2)（返回字符串） - 注意：
toFixed()在某些浮点边界有兼容性差异（如(0.1 + 0.2).toFixed(1)可能返回"0.3"或"0.2"），生产环境建议用Math.round方案或专用库如decimal.js
