js中怎么将字符串转为数字

在JavaScript中，将字符串转换为数字的方法有很多，如：使用parseInt()、使用parseFloat()、使用一元加号操作符（+）、使用Number()函数、使用Math.floor()等。其中，使用parseInt()和parseFloat()是最常见的方法，因为它们分别能够将字符串转换为整数和浮点数。接下来，我们详细讨论使用parseInt()转换字符串为整数的方法。

parseInt()函数可以将字符串解析成整数，它接受两个参数：要解析的字符串和用于指定解析基数的整数（即进制）。默认情况下，基数为10（十进制）。例如，parseInt("123")会返回123，而parseInt("123", 16)会将字符串按照十六进制解析，返回291。

一、使用parseInt()和parseFloat()

1、parseInt()函数

parseInt()函数用于解析一个字符串并返回指定基数的整数。其语法如下：

parseInt(string, radix);

string：要解析的字符串。
radix：介于2到36之间的整数，表示被解析字符串的基数。

示例：

let str1 = "123";
let num1 = parseInt(str1);
console.log(num1); // 输出：123
let str2 = "1010";
let num2 = parseInt(str2, 2); // 按二进制解析
console.log(num2); // 输出：10
let str3 = "1a";
let num3 = parseInt(str3, 16); // 按十六进制解析
console.log(num3); // 输出：26

2、parseFloat()函数

parseFloat()函数用于解析一个字符串并返回一个浮点数。其语法如下：

parseFloat(string);

string：要解析的字符串。

示例：

let str4 = "123.45";
let num4 = parseFloat(str4);
console.log(num4); // 输出：123.45
let str5 = "123.45abc";
let num5 = parseFloat(str5);
console.log(num5); // 输出：123.45，解析到非数字字符时停止

二、使用一元加号操作符（+）

一元加号操作符（+）是将字符串转换为数字的快捷方式。它可以处理整数和浮点数，但无法处理非数字字符。

示例：

let str6 = "123";
let num6 = +str6;
console.log(num6); // 输出：123
let str7 = "123.45";
let num7 = +str7;
console.log(num7); // 输出：123.45

三、使用Number()函数

Number()函数可以将字符串转换为数字，包括整数和浮点数。其语法如下：

Number(value);

value：要转换的值。

示例：

let str8 = "123";
let num8 = Number(str8);
console.log(num8); // 输出：123
let str9 = "123.45";
let num9 = Number(str9);
console.log(num9); // 输出：123.45
let str10 = "123abc";
let num10 = Number(str10);
console.log(num10); // 输出：NaN，无法转换为数字

四、使用Math.floor()、Math.ceil()和Math.round()

在某些情况下，你可能需要将字符串转换为整数并进行舍入操作。可以使用Math.floor()、Math.ceil()和Math.round()函数。

示例：

let str11 = "123.45";
let num11 = Math.floor(+str11);
console.log(num11); // 输出：123，向下取整
let num12 = Math.ceil(+str11);
console.log(num12); // 输出：124，向上取整
let num13 = Math.round(+str11);
console.log(num13); // 输出：123，四舍五入

五、其他转换方法

1、使用`parseFloat()`结合`Math`函数

如果你需要将字符串转换为浮点数并进行舍入操作，可以结合使用parseFloat()和Math函数。

示例：

let str14 = "123.45";
let num14 = Math.floor(parseFloat(str14));
console.log(num14); // 输出：123，向下取整
let num15 = Math.ceil(parseFloat(str14));
console.log(num15); // 输出：124，向上取整
let num16 = Math.round(parseFloat(str14));
console.log(num16); // 输出：123，四舍五入

2、使用`toFixed()`方法

toFixed()方法用于将数字转换为指定小数位数的字符串，并进行四舍五入。虽然它返回的是字符串，但可以结合parseFloat()或Number()将结果转换为数字。

示例：

let str17 = "123.456";
let num17 = parseFloat(parseFloat(str17).toFixed(2));
console.log(num17); // 输出：123.46，保留两位小数并四舍五入

六、处理特殊情况

1、处理空字符串

空字符串可以使用Number()函数转换为数字0。

示例：

let str18 = "";
let num18 = Number(str18);
console.log(num18); // 输出：0

2、处理含有空格的字符串

含有空格的字符串在转换为数字时，空格会被忽略。

示例：

let str19 = " 123 ";
let num19 = parseInt(str19);
console.log(num19); // 输出：123
let num20 = parseFloat(str19);
console.log(num20); // 输出：123

3、处理非数字字符

如果字符串包含非数字字符，parseInt()和parseFloat()会在遇到第一个非数字字符时停止解析，而Number()会返回NaN。

示例：

let str21 = "123abc";
let num21 = parseInt(str21);
console.log(num21); // 输出：123
let num22 = parseFloat(str21);
console.log(num22); // 输出：123
let num23 = Number(str21);
console.log(num23); // 输出：NaN

总结来说，JavaScript中将字符串转换为数字的方法有很多，每种方法都有其适用的场景和局限。在实际开发中，选择合适的方法不仅能提高代码的可读性，还能避免不必要的错误。