ES6中的数值扩展

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

二进制和八进制的前缀分别为0b(或0B)和0o(或0O)表示

在ES5的严格模式下,八进制不再允许使用前缀0表示

如果要将0b0x前缀的字符串数值转为十进制,要使用Number方法

js 复制代码
Number('0b111'); // 7
Number('0o10'); // 8

2. Number.isFinite()、Number.isNaN()

Number.isFinite()用来检测一个数值是否是有限的(finite)。

js 复制代码
Number.isFinite(15); // true
Number.isFinite(NaN); // false
Number.isFinite(Infinity); // false
Number.isFinite('foo'); // false
Number.isFinite(true); // false

Number.isNaN() 用来检测一个值是否为NaN

js 复制代码
Number.isNaN(NaN); // true
Number.isNaN(14); // false
Number.isNaN('str'); // false
Number.isNaN(true); // false
Number.isNaN(9/NaN); // true

这两个方法与全局的isFinite()isNaN()相比,之前的会先调用Number()将非数值转为数

值,然后再进行判断,这两个方法会直接判断,只对数值有效,其他非数值一律为false。

3. Number.parseInt()、Number.parseFloat()

只是将全局的方法移到了Number上

4. Number.isInteger()

用来判断一个值是否为整数,在js中整数和浮点数是同样的存储方法,所以3和3.0视为同一个数。

js 复制代码
Number.isInteger(25); // true
Number.isInteger(25.0); // true
Number.isInteger(25.1); // false
Number.isInteger('25'); // false
Number.isInteger(true); // false

5. Number.EPSILON

规定一个极小的常量,目的是为了浮点数计算设置一个误差范围,因为浮点数计算是不准确,只要是误差小于这个常量默认就是得到了一个正确结果。

说白了就是一个可以接受的误差范围。

Number.EPSILON = 2.220446049250313e¯16

js 复制代码
0.1 + 0.2 = 0.30000000000000004

6. 安全整数和Number.isSafeInteger()

因为在js中能够准确表示的整数范围是-2^532^53 之间(不包含两个端点),超过这个范围就无法精确表示,所以可以使用Number.isSafeInteger()判断某个值是否是安全的。

Number.MAX_SAFE_INTEGER 代表js能准准确表示的最大值。

Number.MIN_SAFE_INTEGER 代表js能准准确表示的最小值。

js 复制代码
Number.isSafeInteger(9) // true
Number.isSafeInteger('a') // false
Number.isSafeInteger(true) // false
Number.isSafeInteger(NaN) // false
Number.isSafeInteger(Infinity) // false
Number.isSafeInteger(-Infinity) // false

isSafeInteger函数是如何实现的

js 复制代码
Number.isSafeInteger = function (n) {
    return (typeof n === 'number' && Math.round(n) === n && Number.MIN_SAFE_INTEGER <= n && n <= Number.MAX_SAFE_INIEGER);
}

在使用Number.isSafeInteger验证时,若有运算不仅要验证结果,也要验证参与运算的每个值,否则会出现问题。

js 复制代码
Number.isSafeInteger(9007199254740993) // false
Number.isSafeInteger(900) // true
Number.isSafeInteger(9007199254740993 - 900) // true
9007199254740993 - 900 = 9007199254740002

可以看出9007199254740993不是安全整数,但是计算结果却是安全的。这是因为数据超出了精度范围,就会以最大值存储。

7. Math对象的扩展

1. Math.trunc()

用来去除一个数的小数部分,返回整数部分。

js 复制代码
Math.trunc(4.1); // 4
Math.trunc(4.9); // 4
Math.trunc(-4.1); // 4
Math.trunc(-4.0); // 4
Math.trunc(-0.12); // 0

对于非数值会先使用Number转化,会向下取整。

js 复制代码
Math.trunc('123.23'); // 123

对于空值和无法截取的整数返回NaN

js 复制代码
Math.trunc(NaN); // NaN
Math.trunc('foo'); // NaN
Math.trunc(); // NaN

对于不支持该方法,可以用此代码代替

js 复制代码
Math.trunc = Math.trunc || function(x) {
    return x < 0 ? Math.ceill(x) : Math.floor(x);
}

2. Math.sign()

用来判断一个数到底是正数、负数还是零,对于非数值,会先将其转化为数值。

  • 参数为正数,返回 +1
  • 参数为负数,返回-1
  • 参数0,返回0
  • 参数-0,返回0
  • 其他值,返回NaN

对于不支持该方法,可以用此代码代替

js 复制代码
Math.sign =  Math.sign || function(x) {
    x = +x; // convert to a number
    if (x === 0 || isNaN(x)) {
        return x;
    }
    return x > 0 ? 1 : -1;
}

3. Math.cbrt()

用来计算一个数的立方根

js 复制代码
Math.cbrt(-1); // -1
Math.cbrt(1); // 1
Math.cbrt(8); // 2

对于非数值,会先使用Number进行转换

对于不支持该方法,可以用此代码代替

js 复制代码
Math.cbrt = Math.cbrt || function (x) {
    var y = Math.pow(Math.abs(x), 1/3);
    return x < 0 ? -y : y;
}

4. Math.fround()

返回一个数的单精度浮点数形式

js 复制代码
Math.fround(0); // 0
Math.fround(1); // 1
Math.fround(1.337); // 1.3370000123977661
Math.fround(NaN); // NaN

对于不支持该方法,可以用此代码代替

js 复制代码
Math.fround = Math.fround || function(x) {
    return new Float32Array([x])[0];
}
相关推荐
拉不动的猪9 小时前
移动端调试工具VConsole初始化时的加载阻塞问题
前端·javascript·微信小程序
大金乄12 小时前
封装一个vue2的elementUI 表格组件(包含表格编辑以及多级表头)
前端·javascript
Lee川14 小时前
解锁 JavaScript 的灵魂:深入浅出原型与原型链
javascript·面试
swipe14 小时前
从原理到手写:彻底吃透 call / apply / bind 与 arguments 的底层逻辑
前端·javascript·面试
Lee川16 小时前
探索JavaScript的秘密令牌:独一无二的`Symbol`数据类型
javascript·面试
Lee川16 小时前
深入浅出JavaScript事件机制:从捕获冒泡到事件委托
前端·javascript
光影少年16 小时前
async/await和Promise的区别?
前端·javascript·掘金·金石计划
codingWhat17 小时前
如何实现一个「万能」的通用打印组件?
前端·javascript·vue.js
前端Hardy19 小时前
别再无脑用 `JSON.parse()` 了!这个安全漏洞你可能每天都在触发
前端·javascript·vue.js
前端Hardy19 小时前
别再让 `console.log` 上线了!它正在悄悄拖垮你的生产系统
前端·javascript·vue.js