征服JavaScript字符串转数字的重重难关

2023-10-20 10:57:02

JavaScript字符串转数字时，是否可以使用 + 或一元加运算符作为最快速的方法，一直以来都是面试官和求职者的热门话题。今天，我们就将揭晓谜底。

一、何为字符串转数字？

字符串转数字本质上就是将由数字字符组成的字符串转换为数字类型的数据值。在JavaScript中，有几种方法可以实现字符串转数字。

二、尝试一：+ 或一元加运算符

const num1 = +"100";
const num2 = +"100.50";
const num3 = +"abc";
console.log(num1); // 100
console.log(num2); // 100.5
console.log(num3); // NaN

或一元加运算符确实可以将数字字符串转换为数字。然而，需要注意的是，如果字符串中包含任何非数字字符，它将返回NaN（不是数字）。因此，+ 或一元加运算符并不是一种可靠的方法，尤其是在处理可能包含非数字字符的字符串时。

三、尝试二：Number() 函数

const num1 = Number("100");
const num2 = Number("100.50");
const num3 = Number("abc");
console.log(num1); // 100
console.log(num2); // 100.5
console.log(num3); // NaN

Number() 函数可以将字符串转换为数字，无论字符串中是否包含非数字字符。但是，如果字符串中包含任何非数字字符，它也会返回NaN。

四、尝试三：parseInt() 函数

const num1 = parseInt("100");
const num2 = parseInt("100.50");
const num3 = parseInt("abc");
console.log(num1); // 100
console.log(num2); // 100
console.log(num3); // NaN

parseInt() 函数可以将字符串转换为整数。如果字符串中包含非数字字符，它将忽略这些字符并返回一个整数。但是，parseInt() 函数无法处理小数。

五、尝试四：parseFloat() 函数

const num1 = parseFloat("100");
const num2 = parseFloat("100.50");
const num3 = parseFloat("abc");
console.log(num1); // 100
console.log(num2); // 100.5
console.log(num3); // NaN