看到这条条目录有没有感觉很枯燥,觉得自己的工作中还用不到它所以实在没有耐心看下去,我也是最近得闲,逼自己静下心来去学习去总结,只有在别人浮躁的时候你能静下心来去学去看去总结,你才能进步。毕竟作为前端不断学习掌握新技术才能跟得上瞬息万变的潮流。
南方地区进入了梅雨季,最近一段时间天气不太好不是下雨就是阴天,湿气比较重。话说还真有点不习惯
别跑题了O(∩_∩)O哈哈~,开始搬砖^O^
JS中的数据类型有:字符串、数字、布尔、数组、对象、Null、Undefined
本篇是:数值的扩展
数值是js数据类型之一,是基本类型。
1.二进制和八进制表示法
个人觉得有必要先了解一下对应的英文,这里贴出来了,二进制:binary 八进制:octonary 十进制:decimal 十六进制:hexadecimal
ES6 提供了二进制和八进制数值的新的写法,分别用前缀0b
(或0B
)和0o
(或0O
)表示。
1 0b111110111 === 503 // true 2 0o767 === 503 // true
从 ES5 开始,在严格模式之中,八进制就不再允许使用前缀0
表示,ES6 进一步明确,要使用前缀0o
表示。
如果要将0b
和0o
前缀的字符串数值转为十进制,要使用Number
方法。
2.Number.isFinite()、Number.isNaN()
ES6 在Number
对象上,新提供了这两个方法。
(1)Number.isFinite()
用来检查一个数值是否为有限的(finite)。
Number.isFinite(0.8); // true Number.isFinite(NaN); // false Number.isFinite(Infinity); // false Number.isFinite(-Infinity); // false Number.isFinite('foo'); // false Number.isFinite('15'); // false Number.isFinite(true); // false
(2)Number.isNaN()
用来检查一个值是否为NaN
。
Number.isNaN(NaN) // true Number.isNaN(9/NaN) // true Number.isNaN(15) // false Number.isNaN('15') // false Number.isNaN(true) // false Number.isNaN('true'/0) // true Number.isNaN('true'/'true') // true
3.Number.parseInt()、Number.parseFloat()
ES6 将全局方法parseInt()
和parseFloat()
,移植到Number
对象上面,行为完全保持不变。
逐步减少全局性方法,使得语言逐步模块化。
// ES5的写法 parseInt('12.34') // 12 parseFloat('123.45#') // 123.45 // ES6的写法 Number.parseInt('12.34') // 12 Number.parseFloat('123.45#') // 123.45
4.Number.isInteger()
Number.isInteger()
用来判断一个值是否为整数。需要注意的是,在 JavaScript 内部,整数和浮点数是同样的储存方法,所以3和3.0被视为同一个值。
Number.isInteger(25) // true Number.isInteger(25.0) // true Number.isInteger(25.1) // false
5.Number.EPAILON
ES6在Number对象上面,新增一个极小的常量Number.EPSILON
。
引入一个这么小的量的目的,在于为浮点数计算,设置一个误差范围。
console.log(0.1+0.2) // 0.30000000000000004 console.log(0.1+0.2-0.3) //5.551115123125783e-17
如果这个误差能够小于Number.EPSILON
,我们就可以认为得到了正确结果。
5.551115123125783e-17 < Number.EPSILON //true
因此,Number.EPSILON
的实质是一个可以接受的误差范围。
6.安全整数和Number.isSafeInteger()
JavaScript能够准确表示的整数范围在-2^53
到2^53
之间(不含两个端点),超过这个范围,无法精确表示这个值。
Math.pow(2, 53) // 9007199254740992 Math.pow(2, 53) === Math.pow(2, 53) + 1 //true
ES6引入了Number.MAX_SAFE_INTEGER
和Number.MIN_SAFE_INTEGER
这两个常量,用来表示这个范围的上下限。
Number.MAX_SAFE_INTEGER === Math.pow(2, 53) - 1 // true Number.MAX_SAFE_INTEGER === 9007199254740991 // true Number.MIN_SAFE_INTEGER === -Number.MAX_SAFE_INTEGER // true Number.MIN_SAFE_INTEGER === -9007199254740991 // true
实际使用这个函数时,需要注意。验证运算结果是否落在安全整数的范围内,不要只验证运算结果,而要同时验证参与运算的每个值。
Number.isSafeInteger(9007199254740993) // false Number.isSafeInteger(990) // true Number.isSafeInteger(9007199254740993 - 990) // true 9007199254740993 - 990 // 返回结果 9007199254740002 // 正确答案应该是 9007199254740003
9007199254740993
不是一个安全整数,但是Number.isSafeInteger
会返回结果,显示计算结果是安全的。这是因为,这个数超出了精度范围,导致在计算机内部,以9007199254740992
的形式储存。
9007199254740993 === 9007199254740992 // true
亲自验证一下他输出的结果,像是睁着眼睛说瞎话一样,输出的结果果然很直白,O(∩_∩)O哈哈~
7.Math对象的扩展(ES6在Math对象上新增了17个与数学相关的方法)
ES6在Math对象上新增了17个与数学相关的方法。所有这些方法都是静态方法,只能在Math对象上调用。
此处列举每个方法 但不一一举例了 见谅
(1)Math.trunc() 用于去除一个数的小数部分,返回整数部分。
注意:
- a:对于非数值,
Math.trunc
内部使用Number
方法将其先转为数值; - b:对于空值和无法截取整数的值,返回NaN。
(2)Math.sign()
用来判断一个数到底是正数、负数、还是零。对于非数值,会先将其转换为数值。
它会返回五种值。
- 参数为正数,返回+1;
- 参数为负数,返回-1;
- 参数为0,返回0;
- 参数为-0,返回-0;
- 其他值,返回NaN。
(3)Math.cbrt
方法用于计算一个数的立方根。
注意:
- 对于非数值,
Math.cbrt
方法内部也是先使用Number
方法将其转为数值。
(4)Math.clz32
方法返回一个数的32位无符号整数形式有多少个前导0。
(5)Math.imul
方法返回两个数以32位带符号整数形式相乘的结果,返回的也是一个32位的带符号整数。
(6)Math.fround方法返回一个数的单精度浮点数形式。
(7)Math.hypot
方法返回所有参数的平方和的平方根。
注意:
- 如果参数不是数值,
Math.hypot
方法会将其转为数值。只要有一个参数无法转为数值,就会返回NaN。
(8)对数方法,ES6新增了4个对数相关方法。
Math.expm1(x)
返回ex - 1,即Math.exp(x) - 1
。Math.log1p(x)
方法返回1 + x
的自然对数,即Math.log(1 + x)
。如果x
小于-1,返回NaN
。Math.log10(x)
返回以10为底的x
的对数。如果x
小于0,则返回NaN。Math.log2(x)
返回以2为底的x
的对数。如果x
小于0,则返回NaN。
(9)三角函数方法, ES6新增了6个三角函数方法
Math.sinh(x)
返回x
的双曲正弦(hyperbolic sine)Math.cosh(x)
返回x
的双曲余弦(hyperbolic cosine)Math.tanh(x)
返回x
的双曲正切(hyperbolic tangent)Math.asinh(x)
返回x
的反双曲正弦(inverse hyperbolic sine)Math.acosh(x)
返回x
的反双曲余弦(inverse hyperbolic cosine)Math.atanh(x)
返回x
的反双曲正切(inverse hyperbolic tangent)
.指数运算符
let a = 1.5; a **= 2; // 等同于 a = a * a; let b = 4; b **= 3; // 等同于 b = b * b * b;
指数运算符可以与等号结合,形成一个新的赋值运算符(**=
)。
Finaly,附参考文献http://es6.ruanyifeng.com/#docs/number