如何巧妙地将JavaScript中的字符串转换为数字？

在JavaScript中，有多种方法可以将字符串转换为数字，以下是一些常用的技巧和方法：

1. 使用Number() 函数

let str = "123";
let num = Number(str);
console.log(num); // 输出： 123

2. 使用parseInt() 函数

let str = "123";
let num = parseInt(str, 10);
console.log(num); // 输出： 123

3. 使用parseFloat() 函数

let str = "123.45";
let num = parseFloat(str);
console.log(num); // 输出： 123.45

4. 使用一元加号操作符 (+)

let str = "123";
let num = +str;
console.log(num); // 输出： 123

5. 使用 运算符强制转换

let str = "123";
let num = str * 1;
console.log(num); // 输出： 123

6. 使用Math.floor() 或Math.round() 函数

let str = "123.67";
let num = Math.floor(Number(str));
console.log(num); // 输出： 123
let roundedNum = Math.round(Number(str));
console.log(roundedNum); // 输出： 124

7. 使用String.prototype.replace() 和eval()（不推荐）

let str = "123";
let num = eval(str.replace(/[^09.]+/g, ""));
console.log(num); // 输出： 123

注意：eval() 是不安全的，因为它会执行任何传递给它的代码，尽量避免使用它，除非您完全信任传入的字符串内容。

常见问题与解答：

问题1：如何将包含非数字字符的字符串转换为数字？

答案：如果字符串包含非数字字符，直接使用Number()、parseInt() 或parseFloat() 可能会返回NaN，在这种情况下，可以使用正则表达式来移除非数字字符，然后再进行转换。

let str = "123abc";
let cleanedStr = str.replace(/D/g, '');
let num = Number(cleanedStr);
console.log(num); // 输出： 123

问题2：如何处理浮点数字符串转换为整数时的小数部分丢失问题？

答案：当使用parseInt() 或Math.floor() 转换浮点数字符串为整数时，小数部分会被丢弃，如果你希望四舍五入而不是直接丢弃小数部分，可以使用Math.round()。

let str = "123.67";
let roundedNum = Math.round(Number(str));
console.log(roundedNum); // 输出： 124