JavaScript字符串转数字的多种方法总结

console.log("10" + 5); // "105"（字符串拼接）
console.log("10" - 5); // 5（隐式转换）

parseInt(string, radix);

console.log(parseInt("42")); // 42
console.log(parseInt("42px")); // 42（遇到非数字字符停止解析）
console.log(parseInt("1010", 2)); // 10（二进制转换）
console.log(parseInt("0x1A", 16)); // 26（十六进制）

console.log(parseInt("")); // NaN
console.log(parseInt("abc")); // NaN

parseFloat(string);

console.log(parseFloat("3.14")); // 3.14
console.log(parseFloat("3.14abc")); // 3.14
console.log(parseFloat("  42.5")); // 42.5（忽略开头空格）
console.log(parseFloat("1.23e2")); // 123（科学计数法）

Number(value);

console.log(Number("42")); // 42
console.log(Number("3.14")); // 3.14
console.log(Number("1.23e2")); // 123
console.log(Number(" ")); // 0（空字符串被转换为 0）
console.log(Number("42px")); // NaN（无法解析）

+string;

console.log(+"42"); // 42
console.log(+"3.14"); // 3.14
console.log(+"1.23e2"); // 123
console.log(+" "); // 0
console.log(+"42px"); // NaN

console.log(Math.floor("42.9")); // 42
console.log(Math.ceil("42.1")); // 43
console.log(Math.round("42.5")); // 43

let userInput = "42.5px";
let number = parseFloat(userInput) || 0; // 遇到 NaN 时默认值为 0
console.log(number); // 42.5

let value = "42px";
console.log(Number(value)); // NaN
console.log(parseInt(value)); // 42

let num = Number("hello");
if (isNaN(num)) {
  console.log("转换失败");
} else {
  console.log("转换成功: ", num);
}