数据类型总结——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中内置的函数和操作符的一般执行流程。

上一篇:个人对AutoResetEvent和ManualResetEvent的理解(转载)


下一篇:ES6 数组Arrary 常用方法