Javascript学习笔记：2种字符串转换为数字的方式

Posted 2020-06-24

①使用parseInt/parseFloat（在ECMAScript6中是Number.parseInt/Number.parseFloat）

 1 console.log(parseInt(‘a10‘));//NaN
 2 console.log(parseInt(‘1a0‘));//1
 3 console.log(parseInt(‘10a‘));//10
 4 console.log(parseInt(‘10‘));//10
 5 
 6 console.log(parseFloat(‘a10.1‘));//NaN
 7 console.log(parseFloat(‘1a0.1‘));//1
 8 console.log(parseFloat(‘10a.1‘));//10
 9 console.log(parseFloat(‘10.1a‘));//10.1
10 console.log(parseFloat(‘10.1‘));//10.1

②使用‘+’运算符

 1 console.log(+‘a10‘);//NaN
 2 console.log(+‘1a0‘);//NaN
 3 console.log(+‘10a‘);//NaN
 4 console.log(+‘10‘);//10
 5 
 6 console.log(+‘a10.1‘);//NaN
 7 console.log(+‘1a0.1‘);//NaN
 8 console.log(+‘10a.1‘);//NaN
 9 console.log(+‘10.1a‘);//NaN
10 console.log(+‘10.1‘);//10.1

虽然两种方式都可以将字符串转换为数字，但是明显转换的方式不一样。使用parseInt/parseFloat这种方式进行字符串到数字的转换时，是对字符串中的字符进行逐个解析，直至出现解析不了的字符结束，然后将解析完的部分转换成数字返回。但是，当使用‘+’运算符这种方式进行字符串到数字的转换时，只要字符串中出现解析不了的字符，就直接返回NaN。这是两种转换方式的不同之处，请注意区分。