JavaScript 如何将字符串转换为数字

在 JavaScript 中，可以通过多种方式将字符串转换为数字。下面将介绍这些方式以及使用示例。

parseInt() 函数

parseInt() 函数可以将字符串转换为整数。该函数需要传入一个字符串参数，如果该字符串中只包含数字、正负号和空格，则会返回该字符串代表的整数。如果该字符串中包含非数字字符，则会将其后的字符忽略。如果该字符串以非数字字符开头，则返回 NaN。

const str = "123";
const num = parseInt(str);
console.log(num); // 123

const str = "123abc";
const num = parseInt(str);
console.log(num); // 123

const str = "abc123";
const num = parseInt(str);
console.log(num); // NaN

const str = "123 456";
const num = parseInt(str);
console.log(num); // 123

parseFloat() 函数

parseFloat() 函数可以将字符串转换为浮点数。该函数需要传入一个字符串参数，如果该字符串中只包含数字、小数点、正负号和空格，则会返回该字符串代表的浮点数。如果该字符串中包含非数字字符或多个小数点，则会将其后的字符忽略。如果该字符串以非数字字符开头，则返回 NaN。

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

const str = "3.14abc";
const num = parseFloat(str);
console.log(num); // 3.14

const str = "abc3.14";
const num = parseFloat(str);
console.log(num); // NaN

const str = "3.14 159";
const num = parseFloat(str);
console.log(num); // 3.14

Number() 函数

Number() 函数可以将字符串转换为数字。该函数需要传入一个字符串参数，如果该字符串中只包含数字、小数点、正负号和空格，则会返回该字符串代表的数字。如果该字符串中包含非数字字符或多个小数点，则会返回 NaN。

const str = "123";
const num = Number(str);
console.log(num); // 123

const str = "3.14";
const num = Number(str);
console.log(num); // 3.14

const str = "abc";
const num = Number(str);
console.log(num); // NaN

const str = "123 456";
const num = Number(str);
console.log(num); // NaN

其他注意事项

在进行字符串转换时，需要注意以下事项：

• 如果字符串表示的数字超出了 JavaScript 能够处理的范围（即超出了 Number.MAX_VALUE 和 Number.MIN_VALUE），则会返回 Infinity 或 -Infinity。
• 如果需要将一个二进制、八进制或十六进制字符串转换为数字，则可以使用 parseInt() 函数的第二个参数，该参数表示该字符串的进制。例如，parseInt("1010", 2) 会将字符串 "1010" 转换为二进制表示的十进制数字 10。
• 如果需要将一个十六进制字符串转换为数字，则可以直接使用 Number() 函数。例如，Number("0xff") 会将字符串 "0xff" 转换为十进制表示的数字 255。

总结

JavaScript 中提供了多种将字符串转换为数字的方式，包括 parseInt() 函数、parseFloat() 函数和 Number() 函数。在进行字符串转换时，需要注意字符串中只包含数字、正负号、小数点和空格，并且不超出 JavaScript 能够处理的范围。如果需要转换其他进制的字符串，则需要使用 parseInt() 函数的第二个参数。