数据类型总结——Number（数值类型）

原文

　　简书原文：https://www.jianshu.com/p/9fb573ef10da

大纲

　　前言
　　1、Number（数值类型）的相关概念
　　2、Number相关的方法
　　3、数据类型转换
　　4、关于NaN

前言

　　数据类型是每一种语言都需要掌握的内容，掌握每一种数据类型的使用是掌握这门语言必不可少的。而我也对数据类型写了一系列的博客，其中包含了对某一数据类型的概念的认识和理解以及常使用的方法。以下就是我对Number类型的一些认识和理解，希望能对读者有所帮助。并且这是关于ES6之前的一篇，之后还会有一篇关于ES6对数值类型的新增的知识的总结。

1、Number（数值类型）的相关概念

　　1、Number类型包括整数和浮点数。
　　2、数字字面量有十进制、八进制、十六进制

var num1 = 56;      //十进制整数56
var num2 = 070;     //八进制的56，前缀为0
var num2 = 079;     //八进制56的错误表示，9超过了8，前面的0被忽略，解析成十进制，即：79
var num4 = 0x56;    //十六进制的56，前缀为0x

　　3、在进行算术计算时，所有的八进制和十六进制的数值最终都将被转换成十进制数值。
　　4、数值范围。

//Number.MIN_VALUE:5e-324
//Number.MAX_VALUE:1.7976931348623157e+308
//如果超出了这个范围，则是Infinity或者-Infinity即：Number.NEGATIVE_INFINITY
//或者Number.POSITIVE_INFINITY
//可以使用isFinite()函数来判断是否是无穷，如果不是无穷则返回true
console.log(isFinite(56));//true

2、Number相关的方法

2.1、toString()

　　toString() 把数字转换成指定进制形式的字符串。

var  num = 10; // 十进制 
console.log("十进制："+num.toString());//十进制：10
console.log("二进制："+num.toString(2)); //二进制：1010
console.log("八进制："+num.toString(8)); //八进制：12
console.log("十六进制："+num.toString(16)); //十六进制：a
console.log("三进制："+num.toString(3));   //三进制：101

2.2、toFixed(num)

/*
  NumberObject.toFixed(num)
  把number数转换成一个十进制数形式的字符串。可选参数控制其小数点后的数字位数。
  它的值必须在0~20之间，默认为0，例如：
  可根据传入的参数保留小数点后几位
  toFixed()方法是在JavaScript1.5和JScript5.5中加入的，因此仅被Netscape6+
  和IE5.5+浏览器支持
  toFixed()在截取小数点后几位数的时候会进行四舍五入。
*/
var num = new Number(13.37);
console.log(num.toFixed(1));//13.4

2.3、toExponential()

/*
  Number.toExponential(fractionDigits)
  把number转换成一个指数形式的字符串。可选参数控制其小数点后的数字位数。
  它必须在0~20之间。
*/
document.writeln(Math.PI.toExponential(0));//3e+0
document.writeln(Math.PI.toExponential(2));//3.14e+0
document.writeln(Math.PI.toExponential(7));//3.1415927e+0
document.writeln(Math.PI.toExponential(16));//3.1415926535897930e+0
document.writeln(Math.PI.toExponential(  ));//3.141592653589793e+0

2.4、toPrecision()

/*
  number.toPrecision(precision)
  返回固定大小格式（fixed），会根据传入的数值分别用toFixed()或者toExponential()方
  法返回指定位数的字符串表示（不包括指数部分）
  把这个number转化为一个十进制形式的字符串。可选参数控制字符精度，
  它的精度必须在0~21之间。例如：
*/
document.writeln(Math.PI.toPrecision(2));//3.1
document.writeln(Math.PI.toPrecision(7));//3.141593
document.writeln(Math.PI.toPrecision(16));//3.141592653589793
document.writeln(Math.PI.toPrecision(  ));//3.141592653589793

3、数据类型转换

3.1、Number()

/*
Number()函数的转换规则如下：
  如果是Boolean值，true和false将分别转换成0和1
  如果是数字，只是简单的传入和返回
  如果是null，返回0
  如果是undefined，返回NaN
  如果是NaN,返回NaN
  如果是字符串，则
      如果字符串中只包含数字（包括前面带正号或负号的情况），则将其装换成对应的十进制数字
      如果字符串中包含浮点格式的数字，转换成对应的浮点数
      如果字符串中包含十六进制0xf，则会转换为相同大小的十进制数值即15
      如果字符串 是空的（不包含任何字符），则将其转换成0
      如果字符串中包含除了上述格式之外的字符，则将其转换为NaN
  如果是对象，则调用对象的valueOf()方法，然后依照前面的规则返回的值，如果转换
的结果是NaN，则调用对象的toString()方法，然后再按照前面的规则转换返回的字符串的值
*/
console.log(Number(true));                        //1
console.log(Number(2));                           //2
console.log(Number(null));                        //0
console.log(Number(undefined));                   //NaN
console.log(Number(NaN));                         //NaN
console.log(Number(''));                          //0
console.log(Number(' '));                         //0
console.log(Number('2'));                         //2
console.log(Number('02'));                        //2
console.log(Number('020'));                       //20
console.log(Number('0xf'));                       //15
console.log(Number('2a'));                        //NaN
console.log(Number('a2'));                        //NaN
console.log(Number('bule'));                      //NaN
console.log(Number(null));                        //0

3.1、parseInt()方法和parseFloat()

　　由于Number()函数在转换字符串比较复杂而且不够合理，因此常用parseInt()方法和parseFloat()方法来处理字符串和数值之间的转换。parseInt()函数在转换字符串的时候，更多看的是其是否符合数值模式，它会忽略字符串前面的空格，直至找到第一个非空格的字符。

/*
    如果第一个字符不是数字字符或者符号，parseInt()就会返回NaN；也就是说，
用parseInt()转换空字符串会返回NaN（Number()对空字符返回0）。
    parseInt方法如果接收的字符串含有非数字的字符，那么parseInt方法会从字符串的首个
字符开始寻找，一直找到非数字字符为止，然后就把前面的数字字符转换成数字
    parseInt() 方法首先查看位置 0 处的字符，判断它是否是个有效数字；如果不是，该方
法将返回 NaN，不再继续执行其他操作。但如果该字符是有效数字，该方法将查看位置 1 处的
字符，进行同样的测试。这一过程将持续到发现非有效数字的字符为止，此时 parseInt() 将
把该字符之前的字符串转换成数字。
    parseInt()也能解析各种整数格式，如十六进制、八进制等（但是ES5不具备了解析
八进制的能力了，因为ES5认为八进制是无效的）
*/
console.log(parseInt(1));                  //1
console.log(parseInt(''));                  //NaN
console.log(parseInt(' '));                  //NaN
console.log(parseInt('1'));                  //1
console.log(parseInt('a1'));                  //NaN
console.log(parseInt('1a'));                  //1
console.log(parseInt('070'));                  //70
console.log(parseInt('70'));                  //70
console.log(parseInt('0xf'));                  //15（0x表示16进制）

/*
  parseInt()提供了第二个参数，转换是使用的基数（即多少进制）(基模式)，如果要解析的
值是八进制的字符串，则指定基数8作为第二个参数，可以保证得到正确的结果。
  不指定基数的情况下，意味着让parseInt()决定如何解析输入的字符串，因此为了避免错误
的解析，我们建议无论什么情况下都明确指定基数。
  多数情况下，我们要解析的都是十进制数值，因此始终将10作为第二个参数是非常必要的。
*/
console.log(parseInt('070'));                  //70
console.log(parseInt('070',8));                //56
console.log(parseInt('70'));                  //70

4、关于NaN

　　1、Number.NaN：NaN是一个特殊的数值，NaN即非数值（Not a Number），这个数值用于本来要返回数值的操作数未返回数值的情况（这样就不会抛出错误了）。
　　2、NaN本身有两个非同寻常的特点。
　　　　首先，任何涉及NaN的操作，如NaN/10都会返回NaN，这个特点在多步计算中有可能会导致问题，但是同样也解决了如果出现任何数值/0会抛出错误，停止代码执行这样的情况。其次，NaN与任何值都不相等，包括NaN本身。
　　3、可以通过isNaN()方法来判断某个数值是否是NaN这个特殊的数。
使用isNaN()方法会将传入的数值如果是非数值的会将其自动转换成数值类型，若能转换成数值类型，那么这个函数返回false，若不能转换成数值类型，则这个数就是NaN，即返回true。
　　4、isNaN()方法确实适用于对象，在基于对象的调用时，会首先调用对象的valueOf()方法，然后确定该返回的数值能否转换成数值，如果不能，则基于这个返回值再调用toString()方法，再测试返回值。而这个过程也是ECMAScript中内置的函数和操作符的一般执行流程。