这篇文章主要讲解了“如何掌握JavaScript数字类型”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“如何掌握JavaScript数字类型”吧!JavaScript
中存在两种表示数字的类型:Number
类型,也就是常规意义上的数字类型,以64
位的IEEE-754
格式存储,属于“双精度浮点数”,截至目前,我们接触到的数字全部都是Number
类型;BigInt
类型,表示任意长度的整数,通常情况下我们用不到它们,除非表示 253 至 -253之外的数字,此类专业数据类型我们会在后面的章节详细介绍;数字的写法本身很简单,但是JavaScrpt
有很多方便快捷的语法糖供我们使用,好好学习这些语法糖不仅能够提高我们的代码阅读能力,同时可以提高我们代码的高级感(逼格)。十进制的数字最简单了,几乎每篇文章我们都多多少少会使用,例如我们创建一个变量,并存储100
亿:虽然操作起来非常简单,但是存在一个问题:很难数清楚1
后面到底有几个0
,如果我们写的是转账代码,错个0
可能会倾家荡产。此时,我们可以使用_
作为分隔符,如下:上述代码就可以非常明白的数清0
的个数,显然是最优解!这里的下划线_
就是JavaScript
的一个语法糖,在执行过程中会被引擎忽略,以上两种写法效果完全相同,但是阅读体验相差很大。清奇脑回路有些童鞋就要问了,我从小都是4
个0
一组的,为啥非要3
个0
分一组呢?所以,我们可以写成下面的方式,同样没有问题:亦或者写成这样:这里我想表达的是,不论你采用哪种分割方式,都是不影响数字本身的大小的,快想一个逼格最高的方式吧!虽然使用_
可以优雅的分割很多0
,但是在实际生活中,我们一般不这么写,例如我们常常将10000000000
写成“100亿”,这样就可以省略很多0
,从而降低犯错的可能性。JavaScript
同样提供了一种省略0
的写法,我们可以使用字母e
后面跟个数字表示0
的个数,举个栗子:上述代码的理解非常简单,e10
可以理解为1_0000_0000_00
,也就是1
后面10
个0
,所以我们可以认为:我们还可以使用这种方法表示非常小的数字,例如1
纳米:由于0
的个数过多,我们也可以使用_
分割:当然,还可以使用e
的方式省略掉所有的0
,如下:换句话说,e-9
的意思就是1-9,也就是1/1000_000_000
,所以下面的等式是成立的:十六进制是编程中常用到的格式,例如表示颜色、编码等,我们可以在普通数字前加0x
表示十六进制数字:二进制数字使用0b
开头:八进制数字使用0o
开头:这种简便的写法只支持这三种特殊类型,至于其他进制的数字可以使用特殊的函数生成(parseInt
)。toString
方法可以把数字转为对应进制base
的字符串形式。举个栗子:代码执行结果如下:base
的范围可以从2
到36
,如果不填默认为10
。注意,如果使用数字直接调用toString
方法,在有些情况下需要是应用两个.
,举例如下:数字后面有两个.
,这是因为在JavaScript
中数字后面的第一个.
被认为是小数点,第二个点才是调用函数的.
。如果是小数就不存在这个问题,举个栗子:亦或者,我们使用小括号可以避免使用两个点,举个栗子:舍入是数字最常用的操作之一,通常包括:向下取整,Math.floor(num)
不遵循四舍五入原则,直接取小于等于当前数值的最近整数。向上取整,Math.ceil(num)
不遵循四舍五入原则,直接取大于等于当前数字的最近整数。就近取整,Math.round(num)
遵循四舍五入原则,取距离当前数字最近的整数。移除小数,Math.trunc(num)
直接移除小数点后面的数字,取整数位。IE浏览器不支持这个方法对比以上四种方法:上述方法只是简单的把小数舍入成了整数,在有些情况下,我们需要特定精度的小数,例如取圆周率后4
位应该怎么办呢?有两种方法:数学乘除计数上述代码先将pi
乘以10000
,然后取整,再除以10000
,从而得到了符合精度要求的结果。但是,这么做看起啦呆呆的,JavaScript
为我们提供了更简单的方法。toFixed(n)以上代码看起来输出上没有什么问题,实际上,toFixed
返回的是一个字符串,如果我们需要一个数字类型,要转换一下才行,可以使用单目运算符+ pi.toFixed(4)
。此外,如果小数的尾数长度不够,toFixed
会在后面补上'0'
:代码执行结果如下:
这也侧面证明了toFixed
的返回值是一个字符串,否则0
会被省略。浮点数表示在很多情况下总是存在偏差在计算机内部,浮点数根据IEEE-754
标准进行表示,其中单精度浮点数32
位,双精度浮点数64
位。在双精度浮点数中,1
位用于表示符号,52
位用于存储有效数字,11
位存储小数点的位置。虽然64
位已经可以表示非常大的数字了,但是仍然存在越界的可能,例如:越过做最大值的数字将变为Infinity
(无穷),这样就丢失了原有数字的大小,属于偏差的一种。还有一种偏差,需要我们学习:代码执行结果如下:没错,0.1 + 0.2
的结果并不是0.3
,而是一堆0
后面加个4
。这种偏差是非常致命的,尤其在商城、银行工作场景中,即使是一个非常小的偏差,在高流水场景下都会丢失无尽的财富。曾经听说过一个银行员工通过克扣工人工资,盗取百万财富的故事,每个员工的工资只克扣2毛!我想这种事情发生在我身上,我肯定发现不了,所以无时无刻的精确是多么的重要。这个故事不知真假~~先以我们常见的十进制为例,我们都知道,小数中存在两个奇葩,一个叫无限循环小数,另一个叫无限不循环小数,例如1/3
就是一个无限循环小数0.3333333(3)
,而圆周率就是一个无限不循环小数。无限就意味着无法用数字清楚的描述这个数字的大小,我们能写出来的都是不精确的。二进制同样存在一些无限循环的数字,不同的是在十进制中0.1
这种看起啦很简单的数字,在二进制中却是无限循环小数。举个例子:代码执行结果如下:是不是觉得不可思议呢?我们只是简单的创建了一个变量并赋值0.1
,然后取小数点后20
位,却得到了一个匪夷所思的结果。如果我们换一个角度或许会更容易理解这种现免费云主机域名象,在十进制中,任何整数除以10
或者10
整数次幂都是正常的精确的数字,例如1/10
或者996/1000
。但是,如果以3
为除数,就会得到循环的结果,例如1/3
。这种描述如果换到二进制上,同样是成立的。在二进制中,任何整数除以2
或者2
的整数次幂都是正常的精确的数字,但是,如果以10
为除数,就会得到无限循环的二进制数。所以,我们就可以得出结论,二进制数字无法精确表示0.1
和0.2
就像十进制没有办法描述1/3
一样。注意:这种数据上的偏差并非JavaScript的缺陷,像PHP、Java、C、Perl、Ruby都是同样的结果。舍入在展示一个无限循环小数的时候,我们可以直接使用toFixed
方法对小数进行舍入,该方法直接返回字符串,非常方便用于展示价格。使用小单位另外一种方式是,我们可以使用较小的单位计算诸如价格、距离,例如采用分而不是元计算总价,实际上很多交易网站都是这么做的。但是这种方法只是降低小数出现的次数,并没有办法完全避免小数的出现。JavaScript
数字中有两个特殊值:Infinity
和NaN
。如何判断一个数字是不是正常数字呢?我们可以使用两个方法:isFinite(val)
该函数会将参数val
转为数字类型,然后判断这个数字是否是有穷的,当数字不是NaN
、Infinity
、-Infinity
时返回true
。代码执行结果如下:
由于无法转为数字的字符串会被转为NaN
,所以我们可以使用isFinite
方法判断字符串是不是数字串:代码执行结果如下:isNaN(val)
当val
为NaN
或者无法转为数字的其他值时,返回true
。代码执行结果:
为什么要使用isNaN
函数而不是直接判读呢?
例如:代码执行结果如下:
这是因为NaN
不等于任何数,包括自身。Object.is(a,b)
可以判断参数a
和b
是否相等,若相等返回true
,否则返回false
,它的结果只有三种情况:可以比较NaN代码执行结果:0 和 -0代码执行结果:在计算机内部,正负使用0
和1
表示,由于符号不同,导致0
和-0
实际上是不同的,二者的表示方式也不一样。其他
其他比较情况和a === b
完全相同。parseInt
和parseFloat
可以把字符串转为数字,与+
、Number
不同的是,二者的限制更为松散。例如,像"100¥"
这样的字符串使用+
和Number
必然返回NaN
,而parseInt
和parseFloat
却能轻松应对。举个例子:代码执行结果:parseInt
和parseFloat
会从字符串中读取数字,直到无法读取为止。二者特别适合处理像"99px"
、"11.4em"
这种数字开头的字符串情况,但是对于其他字符开头的字符串则返回NaN
。但是,我们发现ff2000
实际上是一个十六进制的数字字符串,parseInt
同样可以处理这种情况,不过需要添加一个进制参数。举个例子:代码执行结果:内置的Math
对象中包含了许多我们经常用到的常量和方法,以下仅举例介绍常用的几个:Math.PI圆周率是一个无限不循环的常量,我们可以使用
Math.PI
代替:Math.random()
生成一个位于区间[0,1)
的随机数:如果我们需要一个特定区间内的随机数,可以乘以特定的值,然后取整哦。Math.pow(a,b)计算ab,举例如下:Math.max()/Math.min()从任意数量的参数中选出一个最大/最小值:感谢各位的阅读,以上就是“如何掌握JavaScript数字类型”的内容了,经过本文的学习后,相信大家对如何掌握JavaScript数字类型这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是百云主机,小编将为大家推送更多相关知识点的文章,欢迎关注!
相关推荐: javascript如何使用search()方法
这篇文章将为大家详细讲解有关javascript如何使用search()方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。search()search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符…
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。