相关文章
简书原文：https://www.jianshu.com/p/9fb573ef10da
数据类型总结——概述：https://www.cnblogs.com/shcrk/p/9266015.html
数据类型总结——String(字符串类型)：https://www.cnblogs.com/shcrk/p/9277107.html
数据类型总结——Number（数值类型）：https://www.cnblogs.com/shcrk/p/9277040.html
数据类型总结——Boolean类型（布尔类型）：https://www.cnblogs.com/shcrk/p/9265597.html
数据类型总结——null和undefined：https://www.cnblogs.com/shcrk/p/9266100.html
数据类型总结——基本包装类型：https://www.cnblogs.com/shcrk/p/9266066.html
数据类型总结——Array(数组类型）：https://www.cnblogs.com/shcrk/p/9276989.html
大纲
前言
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中内置的函数和操作符的一般执行流程。