ES6中的数值扩展

这篇具有很好参考价值的文章主要介绍了ES6中的数值扩展。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

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

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

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

Number('0b111'); // 7
Number('0o10'); // 8

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

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


Number.isFinite(15); // true
Number.isFinite(NaN); // false
Number.isFinite(Infinity); // false
Number.isFinite('foo'); // false
Number.isFinite(true); // false

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


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视为同一个数。

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

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能准准确表示的最小值。

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函数是如何实现的

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

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


Number.isSafeInteger(9007199254740993) // false
Number.isSafeInteger(900) // true
Number.isSafeInteger(9007199254740993 - 900) // true
9007199254740993 - 900 = 9007199254740002

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

7. Math对象的扩展

1. Math.trunc()

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

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转化,会向下取整。

Math.trunc('123.23'); // 123

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

Math.trunc(NaN); // NaN
Math.trunc('foo'); // NaN
Math.trunc(); // NaN

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

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

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

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()

用来计算一个数的立方根

Math.cbrt(-1); // -1
Math.cbrt(1); // 1
Math.cbrt(8); // 2

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

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

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

4. Math.fround()

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

Math.fround(0); // 0
Math.fround(1); // 1
Math.fround(1.337); // 1.3370000123977661
Math.fround(NaN); // NaN

对于不支持该方法,可以用此代码代替文章来源地址https://www.toymoban.com/news/detail-727416.html

Math.fround = Math.fround || function(x) {
    return new Float32Array([x])[0];
}

到了这里,关于ES6中的数值扩展的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【JavaScript】探索ES6中的数组API:简洁高效的操作方式

    ES6 ( ECMAScript 2015 )是 JavaScript 语言的一个重要版本,为编写更加简洁、便捷和可读性更高的代码提供了很多新的特性和 API。想了解ES6所有新增API,可以跳转至我的另一篇博客:JS语法 ES6、ES7、ES8、ES9、ES10、ES11、ES12新特性 其中 数组相关的 API 也在 ES6 中得到了大大的增强,

    2024年02月09日
    浏览(50)
  • ES6基础知识二:ES6中数组新增了哪些扩展?

    一、扩展运算符的应用 ES6通过扩展元素符…,好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列 主要用于函数调用的时候,将一个数组变为参数序列 可以将某些数据结构转为数组 能够更简单实现数组复制 const a1 = [1, 2]; const […a2] = a1; // [1,2] 数组的合并也更为

    2024年02月16日
    浏览(39)
  • ES6对象扩展

    ES6对象扩展是指在ES6中新增的一些对象属性和方法,包括对象属性的简写、计算属性名、对象方法的简写、对象的可迭代性、拓展运算符等。 下面是一些常用的ES6对象扩展: 对象属性的简写 ES6中,当对象的属性名和赋值变量名相同时,可以简写属性名称,例如: 这里的na

    2024年02月07日
    浏览(40)
  • 【ES6】—数组的扩展

    ES5 的 slice 方法 arguments 是一个对应于传递给函数的参数的类/伪数组对象 ES6的Array.from()方法 PS: 通过new Array的时候,参数为多个时,参数表示的是数组的值;参数为一个时,参数表示是数组的长度 参数:copyWithin(target, start, end) target: 从哪个索引开始替换 strat: 元素复制的起始

    2024年02月12日
    浏览(34)
  • ES6--》对象扩展方法

    目录 对象扩展 name 属性 属性的遍历 super Object.is() Object.assign() Object.getOwnPropertyDescriptors() Object.setPrototypeOf() Object.getPrototypeOf() Object.keys()、Object.values、Object.entries()、Object.fromEntries() Object.hasOwn() 本文简单介绍以下ES6对对象新增的方法: name 属性 函数的name属性,返回函数

    2024年02月21日
    浏览(41)
  • ES6-扩展运算符“...“

    … 称为 “展开运算符” (spread operator),它可以将数组或对象展开成一个列表或一组键值对,常用于组合两个或多个阵列。 说明:不会修改原数组 典型运用场景 求最大最小值 合并数组  组合对象 函数赋值  解构赋值

    2024年02月07日
    浏览(68)
  • ES6函数新增了哪些扩展?

    ES6允许为函数的参数设置默认值 函数的形参是默认声明的,不能使用let或const再次声明 参数默认值可以与解构赋值的默认值结合起来使用 上面的foo函数,当参数为对象的时候才能进行解构,如果没有提供参数的时候,变量x和y就不会生成,从而报错,这里设置默认值避免 参

    2024年02月06日
    浏览(47)
  • ES6...扩展操作符骚操作

    复制和合并数组变得更为简洁。不需要使用 concat() 方法或 slice() 方法,一个 … 操作符已经足够: 将数组作为一个需要单独一个个传入参数的函数的参数 对象属性展开复制 如果存在相同的值 后者覆盖前者 合并对象 类似于object.assign 不过,扩展属性并不总能生成与 Object.as

    2024年02月14日
    浏览(40)
  • 【JavaScript】数组方法 (ES6)

    arr.find(callback) 用于获取第 1 个符合要求的元素: callback : (item, index, arr) = boolean item -当前值、 index -当前索引、 arr -当前数组 返回值: callback 第一次返回 true 的对应 item ;如果没有符合的元素,则返回 undefined arr.findIndex(callback) 用于获取第 1 个符合要求的元素的下标: cal

    2024年02月14日
    浏览(59)
  • JavaScript ES6实现继承

    1 对象的方法补充 2 原型继承关系图 3 class方式定义类 4 extends实现继承 5 extends实现继承 6 多态概念的理 function 创建的名称如果开头是大写的,那这个创建的不是函数,是创建了类。 可以把class创建的类当做是function创建的类的一种语法糖。但是在直接使用的方面是有不同之处

    2024年02月16日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包