JS中Number(),parseInt(),parseFloat()用法比较

  • 更新时间:2020-07-30 09:14:31
  • 编辑:蒙燕肖
给大家整理一篇相关的编程文章,网友吕雪婧根据主题投稿了本篇教程内容,涉及到js、number()、parseInt()、parsefloat()、深入理解JS中Number(),parseInt(),parseFloat()三者比较相关内容,已被286网友关注,相关难点技巧可以阅读下方的电子资料。
  • JSON必知必会 / 10.1 MB 推荐度:
  • Quick Javascript Switcher / 26.38 KB 推荐度:
  • 新时期的Node.js入门 / 34.8 MB 推荐度:
  • 《ExtJS Web应用程序开发指南(第2版)》源代码 / 15.2 MB 推荐度:
  • JavaScript编程全解 / 6.67 MB 推荐度:
  • 深入理解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()三者比较,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对码农之家网站的支持!

    相关教程

    • javaScript日期工具类DateUtils用法分享

      这篇文章主要为大家详细介绍了javaScript日期工具类DateUtils,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

      发布时间:2020-07-21

    • JavaScript原生数组Array的用法总结

      在入门Vue时, 列表渲染一节中提到数组的变异方法, 其中包括push(), pop(), shift(), unshift(), splice(), sort(), reverse(), 而concat()和slice()不属于变异方法. 在这里就复习一下Array所提供的这几个方法的使用

      发布时间:2019-11-25

    • JavaScript中Math.SQRT2属性的实例用法

      这篇文章主要介绍了JavaScript中Math.SQRT2属性的使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下

      发布时间:2020-07-26

    • 实例解析JavaScript中BOM对象原理与用法

      这篇文章主要介绍了JavaScript中BOM对象原理与用法,,结合实例形式分析了javascript中BOM浏览器对象模型相关概念、原理、用法及相关操作注意事项,需要的朋友可以参考下

      发布时间:2020-02-04

    • javascript中数组用法整理

      这篇文章主要介绍了js中数组常用方法总结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

      发布时间:2019-11-20

    • 总结javascript replace高级用法

      这篇文章主要介绍了详解javascript replace高级用法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

      发布时间:2020-01-09

    • JavaScript中shift()用法实例

      这篇文章主要介绍了详解JavaScript中shift()方法的使用,是JS入门学习中的基础知识,需要的朋友可以参考下

      发布时间:2019-12-01

    用户留言