资讯专栏INFORMATION COLUMN

ES6入门之数值的扩展

tyheist / 815人阅读

摘要:用来表示与大于的最小浮点数之间的差,实际上就是能够表示的最小精度。对象的扩展在对象上新增了个与数学相关的方法。用于去除一个数的小树部分,返回整数部分。对于非数值,则用方法将其转换为数值,对于空值和无法截取整数的值,返回。返回以为底的的对数。

1. 二进制和八进制表示法

</>复制代码

  1. ES6提供了二进制和八进制数值的新写法,分别用前缀 0b(0B) 和 0o(0O)表示 如下:

</>复制代码

  1. 0b111110111 === 503 // true
  2. 0o767 === 503 // true
2. Number.isFinite(), Number.isNaN()

</>复制代码

  1. ES6number上提供了 Number.isFinite(), Number.isNaN()两个方法,前者用来检查数值是否为有限的,后者用来检查一个值是否为NAN,如下:

</>复制代码

  1. Number.isFinite(15); // true
  2. Number.isFinite(0.8); // true
  3. Number.isFinite(NaN); // false
  4. Number.isFinite(Infinity); // false
  5. Number.isFinite(-Infinity); // false
  6. Number.isFinite("foo"); // false
  7. Number.isFinite("15"); // false
  8. Number.isFinite(true); // false
  9. 参数类型如果不是数字就返回false
  10. Number.isNaN(NaN) // true
  11. Number.isNaN(15) // false
  12. Number.isNaN("15") // false
  13. Number.isNaN(true) // false
  14. Number.isNaN(9/NaN) // true
  15. Number.isNaN("true" / 0) // true
  16. Number.isNaN("true" / "true") // true

与传统的isFinite() 和 isNaN() 的区别在于,传统方法优先调用Number()将非数值的值转为数值,在进行判断。而Number.isFinite()对于非数值一律返回false, Number.isNaN()只有对于NaN才返回true,非NaN一律返回false。

3. Number.parseInt(), Number.parseFloat()

</>复制代码

  1. ES6 将全局方法parseInt()和parseFloat(),移植到Number对象上面,行为完全保持不变。减少全局性方法,使得语言逐渐模块化。如下:

</>复制代码

  1. // ES5的写法
  2. parseInt("12.34") // 12
  3. parseFloat("123.45#") // 123.45
  4. // ES6的写法
  5. Number.parseInt("12.34") // 12
  6. Number.parseFloat("123.45#") // 123.45
4. Number.isInteger()

</>复制代码

  1. Number.isInteger()用来判断一个数值是否为整数,如下:

</>复制代码

  1. Number.isInteger(25) // true
  2. Number.isInteger(25.1) // false
  3. Number.isInteger(25.0) // true 整数和浮点数采用相同的存储方式

但是Number.isInteger() 对于数据精度要求比较高的情况不能很好的判断,不建议使用。

5. Number.EPSILON

</>复制代码

  1. Number.EPSILON 用来表示1 与 大于1的最小浮点数之间的差,实际上就是JavaScript能够表示的最小精度。

</>复制代码

  1. function withinErrorMargin (left, right) {
  2. return Math.abs(left - right) < Number.EPSILON * Math.pow(2, 2);
  3. }
  4. 0.1 + 0.2 === 0.3 // false
  5. withinErrorMargin(0.1 + 0.2, 0.3) // true
  6. 1.1 + 1.3 === 2.4 // false
  7. withinErrorMargin(1.1 + 1.3, 2.4) // true
6. 安全整数和 Number.isSafeInteger()

</>复制代码

  1. JavaScript能够精准表示的整数范围在 -2^53到2^53之间(不含两个端点),ES6引入了Number.MAX_SAFE_INTEGERNumber.MIN_SAFE_INTEGER这两个常量,用来表示这个范围的上下限。而Number.isSafeInteger() 就是判断一个整数是否在这个范围之内。
7. Math 对象的扩展

</>复制代码

  1. ES6 在 Math 对象上新增了 17 个与数学相关的方法。所有这些方法都是静态方法,只能在 Math 对象上调用。

Math.trunc()

</>复制代码

  1. 用于去除一个数的小树部分,返回整数部分。对于非数值,则用Number方法将其转换为数值,对于空值和无法截取整数的值,返回 NaN。如下:

</>复制代码

  1. Math.trunc(4.1) // 4
  2. Math.trunc(4.9) // 4
  3. Math.trunc(-4.1) // -4
  4. Math.trunc(-4.9) // -4
  5. Math.trunc(-0.1234) // -0
  6. // 非数值
  7. Math.trunc("123.456") // 123
  8. Math.trunc(true) //1
  9. Math.trunc(false) // 0
  10. Math.trunc(null) // 0
  11. // 空值和无法截取的值
  12. Math.trunc(NaN); // NaN
  13. Math.trunc("foo"); // NaN
  14. Math.trunc(); // NaN
  15. Math.trunc(undefined) // NaN
Math.sign()

</>复制代码

  1. 用来判断一个数是否为正数、负数、还是零,对于非数值,则将其转换为数值。

</>复制代码

  1. // 返回五种结果:
  2. - 参数为正数,返回+1;
  3. - 参数为负数,返回-1;
  4. - 参数为 0,返回0;
  5. - 参数为-0,返回-0;
  6. - 其他值,返回NaN。
  7. Math.sign(-5) // -1
  8. Math.sign(5) // +1
  9. Math.sign(0) // +0
  10. Math.sign(-0) // -0
  11. Math.sign(NaN) // NaN
  12. Math.sign("") // 0
  13. Math.sign(true) // +1
  14. Math.sign(false) // 0
  15. Math.sign(null) // 0
  16. Math.sign("9") // +1
  17. Math.sign("foo") // NaN
  18. Math.sign() // NaN
  19. Math.sign(undefined) // NaN
Math.cbrt()

</>复制代码

  1. 用来计算一个数的立方根,与其他相同如果不是数值就先转换为数值。

</>复制代码

  1. Math.cbrt(-1) // -1
  2. Math.cbrt(0) // 0
  3. Math.cbrt(1) // 1
  4. Math.cbrt(2) // 1.2599210498948734
Math.clz32()

</>复制代码

  1. 用来将参数转为32位无符号整数的形式,然后这个32位值里面有多个前导0
Math.imul()

</>复制代码

  1. 用来返回两个数以32位带符号整数形式相乘的结果,返回的也是一个32位的带符号的整数。
Math.fround()

</>复制代码

  1. 返回一个32位单精度浮点数形式
Math.hypot()

</>复制代码

  1. 返回所有参数的平方和的平方根
8. 对数方法
8.1 Math.expm1()

</>复制代码

  1. Math.expm1(x)返回 ex - 1,即Math.exp(x) - 1。
8.2 Math.log1p()

</>复制代码

  1. Math.log1p(x)方法返回1 + x的自然对数,即Math.log(1 + x)。如果x小于-1,返回NaN
8.3 Math.log10()

</>复制代码

  1. Math.log10(x)返回以 10 为底的x的对数。如果x小于 0,则返回 NaN
8.4 Math.log2()

</>复制代码

  1. Math.log2(x)返回以 2 为底的x的对数。如果x小于 0,则返回 NaN
9. 双曲函数方法

</>复制代码

  1. ES6 新增了 6 个双曲函数方法。

</>复制代码

  1. Math.sinh(x) 返回x的双曲正弦(hyperbolic sine)
  2. Math.cosh(x) 返回x的双曲余弦(hyperbolic cosine)
  3. Math.tanh(x) 返回x的双曲正切(hyperbolic tangent)
  4. Math.asinh(x) 返回x的反双曲正弦(inverse hyperbolic sine
  5. Math.acosh(x) 返回x的反双曲余弦(inverse hyperbolic cosine
  6. Math.atanh(x) 返回x的反双曲正切(inverse hyperbolic tangent
10. 指数运算

</>复制代码

  1. ES6 新增了指数运算符(**),而且是从右往左计算。

</>复制代码

  1. 2 ** 3 // 16
  2. 2 ** 2 ** 3 === 2 ** (2 ** 3) // 256
  3. let a = 1.5 a** = 2 === a = a*a
  4. let b =4 b** = 3 === b = b* b* b

和 Math.pow 在运算结果的最后一位数字有差异,特别大的运算结果有细微的差异

欢迎关注 公众号【小夭同学】

ES6入门系列

ES6入门之let、cont

ES6入门之变量的解构赋值

ES6入门之字符串的扩展

ES6入门之正则的扩展

Git教程

前端Git基础教程

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/54945.html

相关文章

  • ES6入门数值扩展

    摘要:用来表示与大于的最小浮点数之间的差,实际上就是能够表示的最小精度。对象的扩展在对象上新增了个与数学相关的方法。用于去除一个数的小树部分,返回整数部分。对于非数值,则用方法将其转换为数值,对于空值和无法截取整数的值,返回。返回以为底的的对数。 showImg(https://segmentfault.com/img/bVbrTG6?w=1080&h=1080); 1. 二进制和八进制表示...

    xi4oh4o 评论0 收藏0
  • ES6入门对象扩展

    摘要:循环遍历对象自身的和继承的可枚举属性不含属性。返回一个数组,包含对象自身的所有属性的键名。目前,只有对象方法的简写法可以让引擎确认,定义的是对象的方法。showImg(https://user-gold-cdn.xitu.io/2019/5/21/16ada8456223b0e1); 1. 属性的简洁表示法 在ES6中 允许直接写入变量和函数,作为对象的属性和方法,使得代码的书写更为简洁。...

    RiverLi 评论0 收藏0
  • ES6入门对象扩展

    摘要:属性的简洁表示法在中允许直接写入变量和函数,作为对象的属性和方法,使得代码的书写更为简洁。循环遍历对象自身的和继承的可枚举属性不含属性。返回一个数组,包含对象自身的所有属性的键名。 showImg(https://segmentfault.com/img/remote/1460000019259004?w=1282&h=1920); 1. 属性的简洁表示法 在ES6中 允许直接写入变量...

    AWang 评论0 收藏0
  • ES6入门对象新增方法

    showImg(https://user-gold-cdn.xitu.io/2019/5/22/16adcec448a45d82); 1. Object.is() 用来解决在ES5中 两种相等运算符的缺点。用来比较两个值是否严格相等,行为和(===)基本一致。 在ES5中判断两个值是否相等,只能用(==)相等运算符和(===)严格相等运算符,但是这两货都有缺点,前者 两边的值都会转换数据类型,...

    zhou_you 评论0 收藏0

发表评论

0条评论

tyheist

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<