后端返回number类型数据_数据类型总结——Number（数值类型）

相关文章

简书原文：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中内置的函数和操作符的一般执行流程。