在 JavaScript 中，数字和字符串之间的转换是非常常见的操作。然而，在转换过程中可能会出现一些问题，例如，数字转换为字符串时可能会出现精度丢失，而字符串转换为数字时可能会出现类型错误等问题。为了解决这些问题，ECMAScript 2017（ES8）引入了标准库中的 Number.parseInt() 和 Number.parseFloat() 方法。
Number.parseInt()
Number.parseInt() 方法用于将字符串转换为整数。它的语法如下：
Number.parseInt(string[, radix])
其中，string 表示要转换的字符串，radix 表示转换的进制数，可选参数。如果不指定 radix，则默认为 10。
示例代码：
console.log(Number.parseInt('123')); // 123
console.log(Number.parseInt('010', 10)); // 10
console.log(Number.parseInt('0x10')); // 16
console.log(Number.parseInt('0b10')); // 2在上面的示例中，第一个 console.log() 输出的结果为 123，因为没有指定进制数，所以默认为 10。第二个 console.log() 输出的结果为 10，因为指定了进制数为 10。第三个 console.log() 输出的结果为 16，因为字符串以 0x 开头，表示十六进制数。第四个 console.log() 输出的结果为 2，因为字符串以 0b 开头，表示二进制数。
Number.parseFloat()
Number.parseFloat() 方法用于将字符串转换为浮点数。它的语法如下：
Number.parseFloat(string)
其中，string 表示要转换的字符串。
示例代码：
console.log(Number.parseFloat('3.14')); // 3.14
console.log(Number.parseFloat('314e-2')); // 3.14
console.log(Number.parseFloat('0.0314E+2')); // 3.14在上面的示例中，第一个 console.log() 输出的结果为 3.14，因为字符串表示的是一个浮点数。第二个 console.log() 输出的结果也为 3.14，因为字符串表示的是科学计数法。第三个 console.log() 输出的结果同样为 3.14，因为字符串表示的是另一种形式的科学计数法。
总结
通过使用 Number.parseInt() 和 Number.parseFloat() 方法，我们可以避免在 JavaScript 中进行数字和字符串之间的转换时出现的一些问题，例如精度丢失、类型错误等。在实际开发中，我们可以根据具体的需求选择使用哪种方法，以达到更好的效果。
以上就是本文对 ECMAScript 2017（ES8）中 Number.parseInt() 和 Number.parseFloat() 方法的详细介绍。希望本文能够对你的学习和工作有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66175771d10417a2227318db