vue字符串转number

// 将字符串转换为数字的几种常见方法

// 1. 使用 Number() 函数
let str1 = "123";
let num1 = Number(str1);
console.log(num1); // 输出: 123
console.log(typeof num1); // 输出: "number"

// 2. 使用 parseInt() 函数（适用于整数）
let str2 = "456";
let num2 = parseInt(str2);
console.log(num2); // 输出: 456
console.log(typeof num2); // 输出: "number"

// 3. 使用 parseFloat() 函数（适用于浮点数）
let str3 = "789.10";
let num3 = parseFloat(str3);
console.log(num3); // 输出: 789.1
console.log(typeof num3); // 输出: "number"

// 4. 使用一元加号操作符
let str4 = "345";
let num4 = +str4;
console.log(num4); // 输出: 345
console.log(typeof num4); // 输出: "number"

// 注意：如果字符串不能被正确解析为数字，结果会是 NaN (Not-a-Number)
let str5 = "abc";
let num5 = Number(str5);
console.log(num5); // 输出: NaN

解释说明：

• Number() 可以将任何类型的值转换为数字。
• parseInt() 和 parseFloat() 分别用于将字符串转换为整数和浮点数，但它们只处理开头的有效数字部分。
• 一元加号操作符 + 是一种简洁的方式，可以快速将字符串转换为数字。
• 如果字符串内容无法被解析为有效的数字，转换结果将是 NaN。