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

  • 时间:
  • 1615人关注

这篇文章主要介绍了JS中Number(),parseInt(),parseFloat()三者比较,需要的朋友可以参考下,另外这篇文章主要知识点是关于js、number()、parseInt()、parsefloat()、的内容,如果大家想对相关知识点有系统深入的学习,可以参阅以下电子资料:

教程详情电子资料
  • 教程类别:
  • 编辑整理:隆兴旺
  • 教程字数:3382字节
  • 阅读时间:大概12分钟
  • 下载本教程(DOC版)
  • 《Vue.js前端开发基础与项目实战》项目源码
  • JSON-handle
  • Quick Javascript Switcher
  • Vue.js devtools
  • JSON Formatter
  • 参考阅读:

    详解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()三者比较,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对码农之家网站的支持!


    上一篇:canvas轨迹回放功能的实现代码和方法

    下一篇:实例分析JavaScript实现的拼图算法

    相关内容

    • java与jsp的区别

      java是一种语言类似于C语言等的编程语言,而JSP(JavaServer Pages)是一种动态网页技术标准。 JSP和JAVA的区别,JSP算是JAVA一种技术吧,用在网页编程上,因为JAVA不能直接写在html上,但jsp能,jsp就是Servlet程序,当JSP收到客户的请求时,SCRIPTLET(脚本小程序)就会被执行,脚本段将被插入到JSP所生成的目标Servlet的Serivce函数中.所以脚本小程序不能写方法(函数),因为方法里面不能再有方法了.JSP的执行过程。 1、首先,JAVA是一门

      12-17JSP和JAVA的区别

      阅读更多
    • js可以替代java吗

      nodejs不会替代java。在虚拟机层面 node.js 基于的v8 VM看起来很不错,但和Java的 VM 一比,差距甚远。在服务器领域,特别是拥有众多 CPU 和大量内存的环境下,Java 的 VM 几乎是你能在地球上找到的最好的 VM。而v8既不能充分利用多CPU的性能,也不能将内存充分利用。Node.js是从前端转过来的,恰恰前端是计算机领域少数几个不需要计算机体系知识就能胜任的职业。想要真正做到像java那样水平,计算机体系性的知识必不可少。Node.js特别适合中小型系统的快速开

      12-13js能替代java吗

      阅读更多
    • JAVA直接访问jsp页面报404吗

      404表示的是路径未找到错误,解决办法如下: 【解决方法】 1、首先看错误信息 第一行 2、这里有出错的路径,也就是哪个找不到的路径 3、然后回程序中找调用这个路径的地方,确定路径写的是否正确,是否可达。 JSP页面运行时报的404错处理方法如下: 保证在你的Console窗口中看不到任何起到影响的Exception(jsp在编译的时候会先检查web.xml文件,如果全部正常,没有任何Exception的话,才会成功部署到.metadata\.plugins\org.eclipse.wst.server.

      12-12JAVA访问jsp页面报404吗

      阅读更多
    • jsp实质是java程序对吗

      JSP页面在本质上就是Servlet程序,当JSP页面在首次被访问时,Web容器就会将JSP页面转化为Servlet,只需要做一次。如index.jsp在首次被访问时,Web容器会将其翻译成一个index_jsp.java文件,即Servlet代码。 JSP是服务器端的一种基于java语言的网页技术,它是由一些JSP标记,java程序段以及HTML文件组成的结合体,以java语言作为其内置的脚本语言。实质上是通过调用JSP引擎来生成java文件,再将这个java文件编译成类文件,并执行这个类文件以生成动态

      12-05jsp实质是java程序吗

      阅读更多
    • jsp文件就是java文件吗

      jsp文件不是java文件,java是一种语言类似于C语言等的编程语言,而JSP(JavaServer Pages)是一种动态网页技术标准。jsp是一个网页页面,相当于复杂的html。其中可以插入script代码,当然也可以插入java代码。j ava是一个类文件,在java学习初期主要是写java文件的。如果不写页面的话是没有页面效果的。 1、JSP的写的代码,不利于代码重用。JAVA本来就是面向对象的语言,但在JSP中,体现不出来代码重用的优势。如果把一些通用的代码写成JAVA文件,就方便了很多,例

      12-02jsp文件是java文件吗

      阅读更多
    • 21天学通HTML+CSS+JavaScript Web开发

      21天学通HTML+CSS+JavaScript Web开发

      21天学通HTML CSS JavaScript Web开发(第7版) 是全球畅销书《21天学通使用HTML与CSS发布Web站点》的全新升级版本,作者在本书囊括了新的HTML5与CSS3技术,并采用易于理解的步骤式教程讲解了这些技

      大小:104.9 MB前端

      点击下载
    • HTML5+CSS3+JavaScript从入门到精通

      HTML5+CSS3+JavaScript从入门到精通

      本书以基础知识、示例、实战案例相结合的方式详尽讲述了HTML,CSS,JavaScript及目前最新的前端技术

      大小:186 MBweb开发

      点击下载
    • 疯狂HTML5+CSS3+JavaScript讲义

      疯狂HTML5+CSS3+JavaScript讲义

      大小:132.1 MB前端

      点击下载
    • JavaScript DOM编程艺术

      JavaScript DOM编程艺术

      非常畅销书全新升级,首版销售量确保。 书中详细说明开发Web运用的基石W3C的DOM标准,由提倡Web标准的大神领军人物执笔用心编写,表明了前端工程师的人生真谛,是学习培训JavaScript和DOM开发

      大小:109.2 MBJavaScript

      点击下载
    • HTML CSS JavaScript网页制作从入门到精通

      HTML CSS JavaScript网页制作从入门到精通

      HTML CSS JavaScript网页制作从入门到精通 第3版 共分为19章和4个附录,重点介绍使用HTML进行网页制作的方方面面,同时讲解了目前流行的Web标准与CSS网页布局实例,以及基于JavaScript语言的网页特

      大小:65.2 MB网页制作

      点击下载
    • Head First JavaScript程序设计

      Head First JavaScript程序设计

      大小:71.2 MBJavaScript

      点击下载

    学习笔记

    13小时38分钟前回答

    javaScript日期工具类DateUtils用法分享

    本文实例为大家分享了javaScript日期工具类的具体代码,供大家参考,具体内容如下 DateUtils = { patterns: { PATTERN_ERA: G, //Era 标志符 Era strings. For example: AD and BC PATTERN_YEAR: y, //年 PATTERN_MONTH: M, //月份 PATTERN_DAY_OF_MONTH: d, //月份的天数 PATTERN_HOUR_OF_DAY1: k, //一天中的小时数(1-24) PATTERN_HOUR_OF_DAY0: H, //24小时制,一天中的小时数(0-23) PATTERN_MINUTE: m, //小时中的分钟数 PATTERN_SECOND: s, //秒 PATTERN_MILLISECOND: S, //毫秒 PATTERN_DAY_OF_WEEK: E, //一周中对应的星期,如星期一,周一 PATTERN_DAY_OF_YEAR: D, //一年中的第几天 PATTERN_DAY_OF_WEEK_IN_MONTH: F, //一月中的第几个星期(会把这个月总共过的天数除以7,不够准确,推荐用W) PATTERN_WEEK_OF_……

    18小时3分钟前回答

    JavaScript原生数组Array的用法总结

    栈方法 push方法和pop方法, 可以使数组的行为类似于栈, 先进后出, 并且推入和弹出操作只发生在一端. push方法 push方法可以接收一个或多个参数, 把它们追加到数组末尾, 并返回修改后数组的长度. var arr = [a, b, c, d, e];var temp = arr.push(f);console.info(temp: + temp); // temp: 6console.info(arr); // [a, b, c, d, e, f]temp = arr.push(g, h);console.info(temp: + temp); // temp: 8console.info(arr); // [a, b, c, d, e, f, g, h] 合并两个数组 我们可以通过Array.prototype.push.apply()来合并两个数组, 示例如下: var arr1 = [a, b, c], arr2 = [x, y, z];var temp = Array.prototype.push.apply(arr1, arr2);console.info(arr1); // [a, b, c, x, y, z]console.info(arr2); // [x, y, z]console.info(temp); // 6 pop方法 pop方法是将……

    12小时32分钟前回答

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

    这将返回2的平方根大约是 1.414. 语法 Math.SQRT2 例子: htmlheadtitleJavaScript Math SQRT2 Property/title/headbodyscript type=text/javascript var property_value = Math.SQRT2 document.write(Property Value is : + property_value); /script/body/html 这将产生以下结果: Property Value is : 1.4142135623730951 ……

    31小时19分钟前回答

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

    本文实例讲述了JavaScript中BOM对象原理与用法。分享给大家供大家参考,具体如下: 百度百科 BOM(Browser Object Model) 是指浏览器对象模型,是用于描述这种对象与对象之间层次关系的模型,浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。 我的理解 博主是这么理解的,BOM对象指的是window对象,而window对象并不是JavaScript内置的对象,而是浏览器生成的对象。如果需要了解内置对象的话,可以翻阅我的另一篇博文。 图解BOM BOM对象还分为以下这几个子对象,说实话,图有点丑,……

    13小时12分钟前回答

    javascript中数组用法整理

    前言 从事前端到现在也有快两年了,平时也会收集整理一些笔记放在印象笔记,不过收集过之后就在没有看过,经大佬指点,真正掌握一个知识点,最好的方式就是用自己的话把内容讲明白,就开始将以前零散的东西整合一下,和各位道友一起提高。 操作数组 印象中数组有很多方法,系统的整理一下,放在自己家里方便回头查~ Array.map() 此方法是将数组中的每个元素调用一个提供的函数,结果作为一个新的数组返回,并没有改变原来的数组 let arr = [1, 2, 3, 4, 5] let newArr = arr.map(x = x*2) //arr= [1, 2, 3, 4, 5] 原数组保持不变 //newArr = [2, 4, 6, 8, 10] 返回新数组 Array.forEach() 此方法是将数组中的每个元素执行传进提……

    26小时44分钟前回答

    总结javascript replace高级用法

    在前端与后台交互的时候我们通常都需要将后台传递的数据绑定到html中,这个绑定数据的方式我们通常是使用jQuery或者使用原生的innerHTML进行绑定,当然也可以使用artTemplate模板来绑定数据,那么artTemplate模板它绑定数据的原理是什么呢?其实它就是利用了replace()方法。 对于正则replace约定了一个特殊标记符$: 1)、$i(i取值范围1~99):表示从左到右正则子表达式所匹配的文本 2)、$:表示与正则表达式匹配的全部文本 3)、$`(`:1旁边的那个键):表示匹配字符串的左边文本 4)、$(:单引号):表示匹配字符串的右边文本 5)、$$:表示$转移 1、replace基本用法 script type=text/javascript /*要求将字符串中所有的……

    32小时10分钟前回答

    JavaScript中shift()用法实例

    JavaScript数组shift()方法删除数组中的第一个元素,并返回该元素。 语法 array.shift(); 下面是参数的详细信息: NA 返回值: 返回数组中删除单个值。 例子: htmlheadtitleJavaScript Array shift Method/title/headbodyscript type=text/javascriptvar element = [105, 1, 2, 3].shift();document.write(Removed element is : + element ); /script/body/html 这将产生以下结果: Removed element is : 105 ……