vue3 字符串转数字

在Vue3中，字符串转数字的处理方式与在JavaScript中是一样的，因为Vue3是基于JavaScript构建的前端框架。常见的方法有使用全局的Number函数、一元加号+运算符，或者使用parseInt和parseFloat函数进行更具体的转换。下面是每种方法的基本用法：

使用Number函数：这是最直接的方法，将字符串作为参数传入Number函数，它会返回相应的数字值，如果转换失败则返回NaN（Not-a-Number）。
let str = "123";
let num = Number(str); // num 将会是数字 123
登录后复制

使用一元加号+运算符：这是一种简写形式，效果等同于使用Number函数。
let str = "123";
let num = +str; // num 将会是数字 123
登录后复制

使用parseInt函数：这个函数专门用于将字符串转换为整数。它接受两个参数，第一个是需要转换的字符串，第二个是转换时使用的基数（进制）。如果不指定基数，默认按照10进制来解析字符串。
let str = "123abc";
let num = parseInt(str); // num 将会是数字 123
登录后复制

使用parseFloat函数：这个函数用于将字符串转换为浮点数。它只有一个参数，即需要转换的字符串。
let str = "123.45abc";
let num = parseFloat(str); // num 将会是数字 123.45
登录后复制

在使用上述方法时需要注意，如果字符串以数字开始但包含非数字字符，parseInt和parseFloat会解析到第一个非数字字符之前的部分，而Number和一元加号会返回NaN。