使用 + 操作符、parseInt 、 parseFloat等方法处理数字字符串时的不同

将一个数字字符串转换为数值我们常用的做法是使用parseInt() parseFloat()函数，当然还可以使用 + 操作符去实现，但是它们之间又有什么不同呢？

MDN上的介绍是这样的：

可以使用内置函数 parseInt() 将字符串转换为整型。该函数的第二个参数表示字符串所表示数字的基（进制）

parseInt("123", 10); // 123
parseInt("010", 10); //10

所以如果你想将一个10进制数转换为2进制也可以使用这个函数，比如这样：

parseInt(100,2) //4

同理也可以实现其它的转换；

再来看一下这三种方法对同一个数字字符串的转换结果，我们这里使用 “12.3abc” 来进行测试：

var num = "12.3abc";
console.log(+ num); //NaN
console.log(parseInt(num));//12
console.log(parseFloat(num));//12.3

为什么使用 + 操作符时结果是NaN呢，那是因为 + 操作符在对数字字符串进行处理时，一旦遇到不可转换的字符，则返回NaN，当转换到字符 a 的时候，它没有办法转换了，所以就直接返回了NaN；

这里我们发现parseInt返回的是一只整型数，用 "12.3"，测试我们发现结果还是12；用数值 12.3 测试结果同样是12；所以这个函数会将小数转换为一个整数。（直接去掉小数位，没有进位）。

而parseFloat会返回一个浮点数。