Javascript 转换字符串中的数字

在前端开发中，经常需要将字符串中的数字转换为数字类型以进行计算或比较。Javascript 提供了一些方法可以完成这个任务。

1. parseInt()

parseInt() 函数可以将字符串中的数字转换为整数。如果字符串中包含非数字字符，则返回第一个数字之前的所有字符被忽略的整数。如果字符串以非数字字符开头，则返回 NaN（不是数字）。

const str = '10px';
const num = parseInt(str);
console.log(num); // 10

2. parseFloat()

parseFloat() 函数可以将字符串中的数字转换为浮点数。如果字符串中包含非数字字符，则返回第一个数字之前的所有字符被忽略的浮点数。如果字符串以非数字字符开头，则返回 NaN。

const str = '3.14%';
const num = parseFloat(str);
console.log(num); // 3.14

3. Number()

Number() 函数可以将字符串中的数字转换为数字类型，可以是整数或浮点数。如果字符串中包含非数字字符，则返回 NaN。

const str1 = '123';
const str2 = '3.14';
const str3 = 'abc';
const num1 = Number(str1);
const num2 = Number(str2);
const num3 = Number(str3);
console.log(num1); // 123
console.log(num2); // 3.14
console.log(num3); // NaN

4. Unary Plus Operator

一元加号运算符（+）可以将字符串中的数字转换为数字类型，可以是整数或浮点数。如果字符串中包含非数字字符，则返回 NaN。

const str1 = '456';
const str2 = '2.718';
const str3 = 'xyz';
const num1 = +str1;
const num2 = +str2;
const num3 = +str3;
console.log(num1); // 456
console.log(num2); // 2.718
console.log(num3); // NaN

转换字符串中的数字是前端开发中的常见任务，Javascript 提供了多种方法可以完成这个任务。选择合适的方法可以使代码更简洁和可读。