▓▓▓▓▓▓ 大致介绍

  在JavaScript的内部采用IEEE754格式来表示数字,所以不区分整数和浮点数,都是用64位浮点数的形式储存。就是说,在JavaScript内部,就根本没有小数。但是有些运算必须得需要整数完成,所以JavaScript有时会把64位的浮点数转换成32位的整数,再进行运算。

▓▓▓▓▓▓ 整数

  JavaScript对整数提供四种表示方法:

    1、二进制:有前缀0b的数值,出现0,1以外的数字会报错

    2、八进制:有前缀0o的数值,或者是以0后面再跟一个数字(0-7)。如果超出了前面所述的数值范围,则会忽略第一个数字0,视为十进制数

      注意:八进制字面量在严格模式下是无效的,会导致支持该模式的JavaScript引擎抛出错误

    3、十六进制:有前缀0x,后跟任何十六进制数字(0~9及A~F),字母大小写都可以,超出范围会报错

    4、十进制

  1. var num2 = 0b11;
  2. console.log(num2); //
  3. var num2 = 0b12;
  4. console.log(num2); //报错
  5.  
  6. var num8 = 0o76;
  7. console.log(num8); //
  8. var num8 = 0o78;
  9. console.log(num8); //报错
  10.  
  11. var num16 = 0x2a;
  12. console.log(num16); //
  13. var num16 = 0x2h;
  14. console.log(num16) //报错

▓▓▓▓▓▓ 浮点数

  所谓浮点数,就是该数值中必须包含一个小数点,并且小数点后面必须至少有一位数字。与整数不同,浮点数只能用十进制来表示

  浮点数的精度远远不如整数,所以设计浮点数的运算好比较要小心

  例如:

  1. console.log(0.1 + 0.2 == 0.3); //false 0.30000000000000004
  2. console.log(0.6/0.2); //2.9999999999999996

▓▓▓▓▓▓ 科学计数法

  对于那些极大极小的数值,可以用e表示法(即科学计数法)表示的浮点数值表示。用e表示法表示的数值等于e前面的数值乘以10的指数次幂

  以下两种情况,JavaScript会自动将数值转为科学计数法表示,其他情况都采用字面形式直接表示。

    1、小数点前的数字多余21位

  1. console.log(1234567890123456789012);// 1.2345678901234568e+21
  2.  
  3. console.log(123456789012365648787); //

  

    2、小数点后面的0多余5位

  1. console.log(0.0000006);//6e-7
  2.  
  3. console.log(0.000006); //0.000006

▓▓▓▓▓▓ 数值范围

  由于内存的限制,ECMAScript并不能保存世界上所有的数值,所以就有了最大值和最小值

  最小值保存在Number.MIN_VALUE中,这个值是5e-324

  最大值保存在Number.MAX_VALUE,这个值是1.7976931348623157e+308

  1. console.log(Number.MIN_VALUE) //5e-324
  2. console.log(Number.MAX_VALUE); //1.7976931348623157e+308

  如果数字超过最大值,javascript会返回Infinity,这称为正向溢出(overflow);如果等于或超过最小负值-1023(即非常接近0),javascript会直接把这个数转为0,这称为负向溢出(underflow)

  如果要想确定一个数值是不是有穷的,可以使用isFinite()函数。这个函数在参数位于最小与最大数值之间时会返回true

  1. var result = Number.MAX_VALUE + Number.MAX_VALUE;
  2. console.log(isFinite(result)); //false

▓▓▓▓▓▓ 特殊数值

  1、+0和-0

    这两个0在大对数的情况下都是等价的

  1. -0 === +0; //true
  2. 0 === -0; //true
  3. 0 === +0; //true

  

  但是在作为分母的时候是不一样的

  1. 1/-0 == 1/+0; //false

  2、infinity

    Infinity表示“无穷”,用来表示两种场景。一种是一个正的数值太大,或一个负的数值太小,无法表示;另一种是非0数值除以0,得到Infinity。

  1. Math.pow(2,Math.pow(2,100));//Infinity
  2. 1/0;//Infinity

  Infinity参与的运算结果只能是其本身、0或NaN

  1. 2 * Infinity;//Infinity
  2. 2 - Infinity;//-Infinity
  3. 2 + Infinity;//Infinity
  4. 2 / Infinity;//
  5. Infinity / 2;//Infinity
  6. Infinity * Infinity;//Infinity
  7. Infinity - Infinity;//NaN
  8. Infinity + Infinity;//Infinity
  9. Infinity / Infinity;//NaN

  3、NaN

  这个数值表示一个本来要返回数值的操作数未返回数值的情况

  NaN与任何值不相等,包括它本身,并且涉及NaN的任何操作都会返回NaN

  1. 5 - 'x'; //NaN
  2. Math.acos(2); //NaN
  3. 0 / 0; //NaN
  4. NaN == NaN;//false
  5. NaN == Infinity;//false

  

  NaN不是一种独立的数据类型,而是一种特殊数值,它的数据类型依然属于Number

  1. typeof NaN; //number

  isNaN方法可以用来判断一个值是否为NaN,但是,isNaN只对数值有效,如果传入其他值,会被先转成数值。比如,传入字符串的时候,字符串会被先转成NaN,所以最后返回true,这一点要特别引起注意。也就是说,isNaNtrue的值,有可能不是NaN,而是一个字符串。

  1. isNaN('Hello') // true
  2. // 相当于
  3. isNaN(Number('Hello')) // true

  判断NaN更可靠的方法是,利用NaN是javascript之中唯一不等于自身的值这个特点,进行判断

  1. function isNaN(value){
  2. return value != value;
  3. }

▓▓▓▓▓▓ 数制转换

  有3个函数可以把非数值转换成数值:Number()、parseInt()和parseFloat()。其中Number()可以将任意类型的值转化成数值,而parseInt()和parseFloat()只应用于字符串向数字的转换

  Number()

  转换规则:

    1、如果是Boolean值,true和false将分别转换为1和0

    2、如果是null值,返回0

    3、如果是undefined,返回NaN

    4、如果是字符串,遵循以下规则:

      (1)若字符串只包含十进制或十六进制数字,则转成十进制的数字

        注意:Number()不识别八进制数字的字符串,会按照十进制数字处理

           字符串'1.2.'不会报错,但数字1.2.会报错

      (2)若字符串为空字符串或空格字符串,则转成0

      (3)其他情况的字符串,则转成NaN

  1. Number(true) //
  2. Number(null) //
  3. Number(undefined) //NaN
  4. Number("0123") //
  5. Number("0x123") //
  6. Number("0.2") //0.2
  7. Number("") //
  8. Number("asd") //NaN

  parseInt()

  parseInt()专门用于把字符串转换成整数。在转换字符串时,会忽略字符串前面的空格,直到找到第一个非空格字符。如果第一个字符不是数字字符或者负号,parseInt()就会返回NaN。如果是,则继续解析,直到解析完成或者遇到非数字字符

  1. console.log(parseInt(' 123.8px'));//
  2. console.log(parseInt(' 123.8 '));//
  3. console.log(parseInt(' -123.8px'));//-123
  4. console.log(parseInt('a123.8px'));//NaN
  5. console.log(parseInt('0 123.8px'));//

  注意:在ECMAScript5中,parseInt()已经不具备解析八进制的能力。例如八进制“070”,会忽略前面的“0”,得到十进制的70

  为了消除在使用parseInt()函数时可能导致的上述困惑,可以为这个函数提供第二个参数:转换时使用的基数(多少进制)

  1. parseInt("070") //
  2. parseInt("070",8) //

  parseFloat()

  parseFloat()专门用于字符串转换浮点数。同样地,解析时会忽略字符串前面的空格,直到找到第一个非空格字符,然后一直解析到字符串末尾或一个无效的浮点数字字符为止

  1. console.log(parseFloat(' 0123.px'));//
  2. console.log(parseFloat(' 123.px'));//
  3. console.log(parseFloat(' 123.1px'));//123.1
  4. console.log(parseFloat(' 123.1.2px '));//123.1
  5. console.log(parseFloat(' -123.0px'));//-123
  6. console.log(parseFloat('.123.1px'));//0.123
  7. console.log(parseFloat('0 123px'));//

  注意:parseFloat()只解析十进制,所以十六进制的字符串始终会被转换成0。因此也没有第二个参数用来指定基数

  1. parseFloat("0xA") //

  注意:Number('')的结果是0,parseInt('')和parseFloat('')的结果是NaN

参考资料:

   阮一峰Javascript标准参考教程——基本语法之数值

   小火柴javascript类型系统——Number数字类型

  《javascript高级程序设计(第3版)》第3章

JavaScript 基本类型值-Number类型的更多相关文章

  1. JavaScript 基本类型值-String类型

    ▓▓▓▓▓▓ 大致介绍 String类型用于表示由零或多个16位Unicode字符组成的字符序列,即字符串.在JavaScript中没有单个的字符型,都是字符串.字符型就相当于只包含一个字符的字符串. ...

  2. JavaScript基本类型值与引用类型值

    前言 JS变量可以用来保存两种类型的值:基本类型值和引用类型值.基本类型的值源自一下5种基本数据类型:Underfined.Null.Boolean.Number和String. 基本类型值和引用类型 ...

  3. JavaScript 基本类型值-Undefined、Null、Boolean

    ▓▓▓▓▓▓ 大致介绍 ECMAScript中有5中简单的数据类型(也称为基本数据类型):Undefined.Null.Boolean.Number.String. ▓▓▓▓▓▓ Undefined ...

  4. javascript检测基本类型值或引用类型值的类型方法

    首先javascript的数据类型分为两种数据类型:基本数据数据类型和引用数据类型 基本数据类型:Number,String,Boolean,Undefined,Null.原始值,是简单的数据段,可按 ...

  5. javascript之基本包装类型(Boolean,Number,String)基础篇

    前几天整理了javascript中Array方面的知识,但是String中的一些方法多多少少和Array里的方法有些类似容易混淆,就顺便连同String所在的包装类一起整理一下,希望可以帮助到初学者, ...

  6. javascript学习笔记2-typeof、Number类型、Boolean()

    1.typeof操作符 对一个值使用typeof操作符可能返回下列某个字符串 "undefined"——这个值未定义 "boolean"——这个值是布尔值 &q ...

  7. Javascript数据类型——number类型

            ECMAScript规范中使用IEEE754格式来表示整数和浮点数.支持十进制.八进制以及十六进制.有一点注意的是八进制数字在严格模式下是无效的,这可能会影响到程序的正常运行. 避免浮 ...

  8. JavaScript 数值Number类型详解

    Number 问题 如果下面的问题你都能回答对了吗? 0.1 + 0.2 == 0.3 成立吗? .e-5 表示多少? 怎么表示8进制? 怎么转换进制? 如何将字符串转换成数值或整数?反过来呢?十六进 ...

  9. 使用 JavaScript 中的变量、数据类型和运算符,计算出两个 number 类型的变量与一个 string 类型的变量的和,根据 string 类型处于运算符的不同位置得到不同的结果

    查看本章节 查看作业目录 需求说明: 使用 JavaScript 中的变量.数据类型和运算符,计算出两个 number 类型的变量与一个 string 类型的变量的和,根据 string 类型处于运算 ...

随机推荐

  1. 升级PHP版本

    2014-07-08 今天升级了PHP版本,出现一些错误,解决了. 主要是phpadmin的错误. 升级的目的是为了学习thinkphp.它要求最低5.3版本

  2. EclipseEE导入项目出现的那些问题

    1.显示.project文件丢失, 解决方法:在eclipse中删除和该项目相同的文件名,重新import即可 2.导入没有.classpath和.project文件的项目 解决方法:目前没遇到 3. ...

  3. AP聚类算法(转)

    Affinity Propagation (AP) 聚类是2007年在Science杂志上提出的一种新的聚类算法.它根据N个数据点之间的相似度进行聚类,这些相似度可以是对称的,即两个数据点互相之间的相 ...

  4. Object.create() 实现

    if (typeof Object.create !== 'function') { Object.create = function (o) { function F() {} F.prototyp ...

  5. Javascript 浮点运算问题分析与解决

    分析 JavaScript 只有一种数字类型 Number ,而且在Javascript中所有的数字都是以IEEE-754标准格式表示的. 浮点数的精度问题不是JavaScript特有的,因为有些小数 ...

  6. iOS 使用 github

    1. 创建 github 账号 登陆官网 https://github.com 进行创建. 2. 创建 github 仓库 3. 添加Pods依赖库所需文件 4. github 之 下载历史版本 5. ...

  7. Yii 1.0 基础

    骨架搭建 1.下载2.windows 创建PHP环境变量,找到php.exe的目录D:\wamp\bin\php\php5.3.5,右键我的电脑,属性\高级设置,path最后添加 ;D:\wamp\b ...

  8. win7(windows 7)系统下安装SQL2005(SQL Server 2005)图文教程——转载

    操作系统:Microsoft Windows 7 旗舰版(32位) 数据库版本:SQL Server 2005 简体中文开发板 数据库下载链接:http://pan.baidu.com/share/l ...

  9. 关于IE6、IE7、IE8实现盒子阴影shadow的几个注意点

    通常,我们实现盒阴影都是通过这段代码来实现的 -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box- ...

  10. Java 获取url参数

    1. 方式一:使用HttpServletRequest对象 String id = arg0.getParameter("id"); mv.addObject("id&q ...