深入理解JS中Number()，parseInt()，parseFloat()三者比较

参考阅读：

详解js中number()、parseint()和parsefloat()的区别

详解js转换数值函数number()、parseint()、parsefloat()

在项目开发中我们经常会用到转型方法，尤其是js这种松散型的语言。其中比较常用的方法就是number()方法和parseint()/parsefloat()方法了，下面我们分别对这几种方法的转型机制进行详细地说明。具体内容详情如下所示：

【正文内容】

　　number()

-------------------------------------------------------------------------------------
--number()
--
--
--boolean值，true和false值将分别被转为1和0。
--
--数字值，整型就是整型,浮点型就是浮点型,科学计数就科学计数
--
--null值，转为0
--
--二进制,八进制,十六进制格式，转为十进制的数值
--
--字符串为空，转为0
--
--字符串中是纯科学计数，数值会直接转为十进制的数值
--
--undefined , 对象 , 数组 ,字符串不为纯数字和科学计数时 返回nan

------------------------------------------------------------------------------------　

　//js区分0和-0
 var num = 123;
 var num = 123.123;
 var num = 0b10;
 var num = 010;
 var num = 0xff;
 var num = 5e2;
 var num = 5e-2;
 var num = nan;
 console.log('值: ' , num);
 console.log('类型: ' , typeof(num))
 //nan本身为false
 //其他类型转为数值失败时都为nan
 console.log(nan - 100);
 if(nan){
  console.log('yes');
 }else{
  console.log('no');
 }
 //nan
 var a = '123ad';
 //123
 var a = '123';
 //nan
 var a = 'f3ad';
 //0
 var a = false;
 //1
 var a = true;
 //nan
 var a = undefined;
 var a = new object();
 var a = array(1,23);
 //1e+124
 var a = 10e123;
 //3
 var a = 0b11;
 //255
 var a = 0xff;
 //1.23
 var a = 1.23;
 //0
 var a = '';
 //1200
 var a = '12e2';
 //0
 var a = null;
 //90
 var a = 0132;
 var n = number(a);
 console.log(n);

parseint()

----------------------------------------------------------------------------------------------------------------------------------------
--parseint()
--
--
--数值正常转化,如果为浮点数,则转为整型,舍弃小数点后的数值
--
--字符串起始包含数字时则数字那段转为数值,后面舍弃
--
--二进制,八进制,十六进制转化时,转化为十进制的数值
--
--科学计数法,能解析时正常解析,不能时返回第一个数字
--
--boolean,undefined , 对象 , 数组 ,空字符串,字符串开头不为纯数字和科学计数时 返回nan
--
--parseint()方法还有基模式，可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。
----------------------------------------------------------------------------------------------------------------------------------------       

 //123
 var a = '123ad';
 //123
 var a = '123';
 //nan
 var a = 'f3ad';
 //nan
 var a = false;
 //nan
 var a = true;
 //nan
 var a = undefined;
 var a = new object();
 //13 第一个值
 var a = array(13,2);
 //3100000能够解析处时正常解析，不能时只返回第一个数字
 var a = 31e5;
 //3
 var a = 0b11;
 //255
 var a = 0xff;
 //1
 var a = 1.23;
 //nan
 var a = '';
 //12 字符串只返回12e舍弃
 var a = '12e2';
 //nan
 var a = null;
 //1
 var a = 1.5;
 //90
 var a = 0132;
 var n = parseint(a);
 console.log(n);
 var a = parseint("10",2);
 var a = parseint("ff",16);
 var a = parseint("10",8);
 console.log(a);

　parsefloat()

--------------------------------------------------------------------------------------------------------------------------------
--parsefloat()
--
--
--数值正常转化,整型为整型,浮点型为浮点型
--
--字符串起始包含数字时则数字那段转为数值,后面舍弃
--
--二进制,八进制,十六进制转化时,转化为十进制的数值
--
--科学计数法,能解析时正常解析,超出范围则返回infinity
--
--boolean,undefined , 对象 , 数组 ,空字符串,字符串开头不为纯数字和科学计数时 返回nan
--
--不能有多个小数点报语法错误
--------------------------------------------------------------------------------------------------------------------------------       

//123
 var a = '123ad';
 //123
 var a = '123';
 //nan
 var a = 'f3ad';
 //nan
 var a = false;
 //nan
 var a = true;
 //nan
 var a = undefined;
 var a = new object();
 //13 第一个值
 var a = array(13,2);
 //3100000 范围过大将转为科学计数法再大将为infinity
 var a = 31e5;
 //3
 var a = 0b11;
 //255
 var a = 0xff;
 //1.23
 var a = 1.23;
 //nan
 var a = '';
 //1200
 var a = '12e2aa';
 //nan
 var a = null;
 //1.5
 var a = 1.5;
 //90
 var a = 0132;
 //
 var a = 1.113;
 var n = parsefloat(a);
 console.log(n);

总结

以上所述是小编给大家介绍的深入理解js中number()，parseint()，parsefloat()三者比较，希望对大家有所帮助