ES6中全新的数字方法总结（必看）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了ES6中全新的数字方法总结（必看），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含6358字，纯文字阅读大概需要10分钟。

内容图文

本篇文章给大家带来的内容是关于ES6中全新的数字方法总结（必看），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

本文介绍了ES6中全新的数字方法（ECMAScript 6）。

本文将向您介绍添加Number数据类型的新方法和常量。当然，这里采用的方法并不完全是全新的，但它们已经可以在 and/or 直接移动（例如isNaN()）。我们会通过一些例子进行实践。

Number.isInteger（）

我要介绍的第一种方法是Number.isInteger()。它是JavaScript的新增功能，您之前可能已经定义和使用过这个方法。它确定传递给函数的值是否为整数。如果函数值是true，则返回此方法，false则跳出。这种方法的实现非常简单，并且是原生JavaScript语法。重写此功能的方法之一是：

    Number.isInteger = Number.isInteger || function (number) {
      return typeof number === 'number' && number % 1 === 0;
    };

仅仅为了好玩，我重新改写了这个功能，采用了完全不同的方法：

    Number.isInteger = Number.isInteger || function (number) {
      return typeof number === 'number' && Math.floor(number) === number;
    };

虽然以上两个方法均能判断传参是否为整数，但它们不符合ECMAScript 6规范。所以，如果你想要严格按照ES6的规范改写，就请从以下语法开始：

    Number.isInteger(number)

该参数number表示要测试的值。

使用此方法的示例如下所示：

    // prints 'true'
    console.log(Number.isInteger(19));
    
    // prints 'false'
    console.log(Number.isInteger(3.5));
    
    // prints 'false'
    console.log(Number.isInteger([1, 2, 3]));

Node.js和所有现代浏览器都支持该方法，Internet Explorer除外。如果您需要支持旧版浏览器，则可以使用polyfill，例如火狐浏览器Mozilla Developer Network上提供的polyfill 。请看下面的代码：

    if (!Number.isInteger) {
      Number.isInteger = function isInteger (nVal) {
        return typeof nVal === 'number' &&
          isFinite(nVal) &&
          nVal > -9007199254740992 &&
          nVal < 9007199254740992 &&
          Math.floor(nVal) === nVal;
      };
    }

Number.isNaN（）

如果您以前编写过JavaScript代码，则此方法对您来说并不陌生。JavaScript有一个叫做isNaN()的方法通过window对象公开。此方法用以判断测试值是否等于NaN，是返回true，否则返回false。不过直接调用window.isNaN()有一个问题，当测试值被强制转换为数字时，该方法会返回true值。为了让您对此问题有一个具体的了解，以下所有语句都会返回：true

    // prints 'true'
    console.log(window.isNaN(0/0));
    
    // prints 'true'
    console.log(window.isNaN('test'));
    
    // prints 'true'
    console.log(window.isNaN(undefined));
    
    // prints 'true'
    console.log(window.isNaN({prop: 'value'}));

您可能需要的是仅在传递值为NaN时返回true的方法。这就是ECMAScript 6引入Number.isNaN()的原因。它的语法如下：

    Number.isNaN(value)
    这value是您要测试的值。此方法的一些示例用法如下所示：
    
    // prints 'true'
    console.log(Number.isNaN(0/0));
    
    // prints 'true'
    console.log(Number.isNaN(NaN));
    
    // prints 'false'
    console.log(Number.isNaN(undefined));
    
    // prints 'false'
    console.log(Number.isNaN({prop: 'value'}));

如您所见，测试相同的值我们获得了不同的结果。

Node和所有现代浏览器都支持该方法，Internet Explorer除外。如果您想支持其他浏览器，则此方法的一个非常简单的polyfill如下：

    Number.isNaN = Number.isNaN || function (value) {
      return value !== value;
    };

NaN是JavaScript中唯一的非自身值，这意味着它是唯一不等于自身的值。

Number.isFinite（）

此方法与前一个方法具有相同的背景。在JavaScript中，有这么一个方法window.isFinite()，用于测试传递的值是否为有限数。不幸的是，它也会返回被强制转换为数字的true值，示例如下所示：

    // prints 'true'
    console.log(window.isFinite(10));
    
    // prints 'true'
    console.log(window.isFinite(Number.MAX_VALUE));
    
    // prints 'true'
    console.log(window.isFinite(null));
    
    // prints 'true'
    console.log(window.isFinite([]));

出于这个原因，在ECMAScript 6中有一个名为isFinite()的方法。其语法如下：

    Number.isFinite(value)

value是您要测试的值。如果您测试上一个代码段中的相同值，则可以看到结果不同：

    
    // prints 'true'
    console.log(Number.isFinite(10));
    
    // prints 'true'
    console.log(Number.isFinite(Number.MAX_VALUE));
    
    // prints 'false'
    console.log(Number.isFinite(null));
    
    // prints 'false'
    console.log(Number.isFinite([]));

Node和所有现代浏览器都支持该方法，Internet Explorer除外。您可以在MDN上的方法页面上找到它的polyfill。

Number.isSafeInteger（）

Number.isSafeInteger()是ES6的全新补充。它测试传递的值是否是一个安全整数，在这种情况下它返回true。安全整数定义为满足以下两个条件的整数：

该数字可以精确地表示为IEEE-754双精度数
数字的IEEE-754表示不能是舍入任何其他整数以适合IEEE-754表示的结果。

根据这个定义，安全整数是从 - （2的53次方 - 1）包含到2的53次方 - 1包含的所有整数。

    
    
    Number.isSafeInteger(value)
    这value是您要测试的值。此方法的一些示例用法如下所示：
    
    // prints 'true'
    console.log(Number.isSafeInteger(5));
    
    // prints 'false'
    console.log(Number.isSafeInteger('19'));
    
    // prints 'false'
    console.log(Number.isSafeInteger(Math.pow(2, 53)));
    
    // prints 'true'
    console.log(Number.isSafeInteger(Math.pow(2, 53) - 1));

Number.isSafeInteger()在所有现代浏览器都支持，Internet Explorer除外。这种方法的polyfill是由Paul Miller从es6-shim中提取的，如：

    
    Number.isSafeInteger = Number.isSafeInteger || function (value) {
      return Number.isInteger(value) && Math.abs(value) <= Number.MAX_SAFE_INTEGER;
    };

请注意，此polyfill依赖于Number.isInteger()之前讨论的方法，因此您需要对后者进行polyfill以使用此方法。

ECMAScript 6还引入了两个相关的常量值：Number.MAX_SAFE_INTEGER和Number.MIN_SAFE_INTEGER。前者表示JavaScript中的最大安全整数，即2的53次方 - 1，而后者表示最小安全整数，即 - （2的53次方 - 1）。

Number.parseInt（）和Number.parseFloat（）

Number.parseInt()和Number.parseFloat()方法都属于同一个部分，因为不像在这篇文章中提到的其他类似的方法，他们已经在以前版本的ECMAScript中存在。因此，您可以用与目前相同的方式使用它们，并获得相同的结果。语法如下：

    // Signature of Number.parseInt
    Number.parseInt(string, radix)
    
    // Signature of Number.parseFloat
    Number.parseFloat(string)

这里的string表示要解析的值，radix是您要用于转换的基数string。

以下代码段显示了示例用法：

    // Prints '-3'
    console.log(Number.parseInt('-3'));
    
    // Prints '4'
    console.log(Number.parseInt('100', 2));
    
    // Prints 'NaN'
    console.log(Number.parseInt('test'));
    
    // Prints 'NaN'
    console.log(Number.parseInt({}));
    
    // Prints '42.1'
    console.log(Number.parseFloat('42.1'));
    
    // Prints 'NaN'
    console.log(Number.parseFloat('test'));
    
    // Prints 'NaN'
    console.log(Number.parseFloat({}));

Node和所有现代浏览器都支持这些方法，Internet Explorer除外。如果您想要使用它们，您可以简单地调用它们的全局方法，如下所示：

    // Polyfill Number.parseInt
    Number.parseInt = Number.parseInt || function () {
      return window.parseInt.apply(window, arguments);
    };
    
    // Polyfill Number.parseFloat
    Number.parseFloat = Number.parseFloat || function () {
      return window.parseFloat.apply(window, arguments);
    };

内容总结

以上是互联网集市为您收集整理的ES6中全新的数字方法总结（必看）全部内容，希望文章能够帮你解决ES6中全新的数字方法总结（必看）所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/285161.html

来源：【匿名】

【上一篇】什么是模块？深刻理解ES6模块【下一篇】ES6系列之声明变量let与const

更多 ►

【ES6中全新的数字方法总结（必看）】教程文章相关的互联网学习教程文章

1.let, const 都是块级作用域，其有效范围仅在代码块中。 //es5if(a==1){var b = ‘xxx‘; } console.log(b);//xxx//es6if(a==1){let b = ‘xxx‘; } console.log(b);//undefined ---------------------------------------- const sum = {num1:1,num2:2}; sum.num2 = 6; console.log(sum);//{num1:1,num2:6}常量只是指向了对象的指针，对象本身的内容却依然可以被修改 ----------------------------------------------------------...

ES6中全新的数字方法总结（必看）

本篇文章给大家带来的内容是关于ES6中全新的数字方法总结（必看），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。本文介绍了ES6中全新的数字方法（ECMAScript 6）。本文将向您介绍添加Number数据类型的新方法和常量。当然，这里采用的方法并不完全是全新的，但它们已经可以在 and/or 直接移动（例如isNaN()）。我们会通过一些例子进行实践。Number.isInteger（）我要介绍的第一种方法是Number.isInteger()。它是...

js和es6中常用的字符串方法总结（收藏）

js和es6中常用的字符串，例：slice(start,end) -> 截取字符串，用法：slice的用法和substring的用法基本一样，只是区别在于：1.slice(start,end) -> start是不能大于end的，否则返回空字符串；2.slice可以接受参数是负数，如果是负数的话，规则将按照：字符串的长度和赋值相加，替换掉这个值1.substring(start,end) -> 截取字符串用法：1.substring(start,end) -> 用数学表达式表达区间的话就是截取[start,end);2.substring(start,...

ES5与ES6数组方法总结

本篇文章要给大家分享的是ES5与ES6数组方法总结，有需要的小伙伴可以看一下Array 对象属性constructor 返回对创建此对象的数组函数的引用。length 设置或返回数组中元素的数目。prototype 使您有能力向对象添加属性和方法。传统Array 对象方法toSource() 返回该对象的源代码。toString() 把数组转换为字符串，并返回结果。toLocaleString() 把数组转换为本地数组，并返回结果。valueOf() 返回数组对象的原始值...

ES6 Class中实现私有属性的一些方法总结【图】

私有属性私有属性是面向对象编程（OOP）中非常常见的一个特性，一般满足以下的特点：能被class内部的不同方法访问，但不能在类外部被访问；子类不能继承父类的私有属性。备胎Class时间回到四年前，2015年6月，ES6发布成为标准，为了纪念这个历史性时刻，这个标准又被称为ES2015，至此，JavaScript中的class从备胎中转正。在这之前，class一直作为JS的关键字，雪藏不见天日。 class被认为是JS的一种语法糖，它为JavaScript带来了用...

es6 filter() 数组过滤方法总结

Array.every(x=>x)是每一个都要满足 Array.some(x=>x)是有一个满足。 Array.find（findIndex)，返回符合条件的第一个值。 Array.filter（过滤成新的数组）数组的方法分为两类 1）改变原数组 push,pop,shift,unshift,sort,reverse,splice 2）不改变原数组concat,join--> split，toStringpush：从数组最后一位开始加数据 pop:把数组最后一位剪切 shift:在数组最前一位剪切 unshift:在数组最前一位加数 reverse:把原数组逆转 splice:...

ES6模块化的import和export用法方法总结

ES6之前已经出现了js模块加载的方案，最主要的是CommonJS和AMD规范。commonjs主要应用于服务器，实现同步加载，如nodejs。AMD规范应用于浏览器，如requirejs，为异步加载。同时还有CMD规范，为同步加载方案如seaJS。 ES6在语言规格的层面上，实现了模块功能，而且实现得相当简单，完全可以取代现有的CommonJS和AMD规范，成为浏览器和服务器通用的模块解决方案。 ES6模块主要有两个功能：export和import export用于对外输出本模块（...

ES6学习教程之Map的常用方法总结

前言 ES6包含了许多新的语言特性，这会让JS变的更加强大且富有表现力。本文将给大家详细介绍关于ES6中Map的常用方法，话不多说，来一起看看详细的介绍： 1.Map 结构转为数组结构比较快速的方法是结合使用扩展运算符（...） let map = new Map([[1, one],[2, two],[3, three], ]); [...map.keys()] // [1, 2, 3] [...map.values()] // [one, two, three] [...map.entries()] // [[1,one], [2, two], [3, three]] [...map] // [[1,on...

ES5 ES6中Array对象去除重复项的方法总结

输入例子 [false, true, undefined, null, NaN, 0, 1, {}, {}, a, a, NaN].uniq()输出例子 [false, true, undefined, null, NaN, 0, 1, {}, {}, a]分析题目要求给 Array 添加方法，所以我们需要用到 prototype。数组去重本身算法不是很难，但是在 JavaScript 中很多人会忽视 NaN 的存在，因为在 JS 中 NaN !== NaN 。但是在去重中我们又不能保留两个 NaN ，所以需要进行一下判断，这是很多人容易忽视的。 ES5的实现如下：代码 Ar...

JavaScript（ES6之前）数组方法总结【代码】【图】

一、数组的创建 1、使用 Array 构造函数var arr1 = new Array(); // 创建一个空数组 var arr2 = new Array(20); // 创建一个包含20项的数组 var arr3 = new Array("lily","lucy","Tom"); // 创建一个包含3个字符串的数组 2、使用数组字面量表示法var arr4 = []; // 创建一个空数组 var arr5 = [20]; // 创建一个包含1项的数组 v...

ES6 - 相关标签

ES6 - 最热教程

express中使用es6的方法介绍（详细）详解JavaScript ES6中的模板字符串微信小程序ES6——箭头函数中的this问题 Vue开发中可以使用的ES6新特征 ES6中全新的数字方法总结（必看）React中ES5与ES6写法的区别总结 ES6新数据结构Map功能与用法示例 ES6 javascript中class类的get与set用法...JS实现集合的交集、补集、差集、去重运...怎样让VueEs6解析为Es5语法

首页 / ES6 / ES6中全新的数字方法总结（必看）

ES6中全新的数字方法总结（必看）

内容导读

内容图文

Number.isInteger（）

Number.isNaN（）

Number.isFinite（）

Number.isSafeInteger（）

Number.parseInt（）和Number.parseFloat（）

内容总结

内容备注

内容手机端

【ES6中全新的数字方法总结（必看）】教程文章相关的互联网学习教程文章

es6常用方法总结【代码】

ES6中全新的数字方法总结（必看）

js和es6中常用的字符串方法总结（收藏）

ES5与ES6数组方法总结

ES6 Class中实现私有属性的一些方法总结【图】

es6 filter() 数组过滤方法总结

ES6模块化的import和export用法方法总结

ES6学习教程之Map的常用方法总结

ES5 ES6中Array对象去除重复项的方法总结

JavaScript（ES6之前）数组方法总结【代码】【图】

ES6 - 相关标签

ES6 - 最新教程

ES6 - 最热教程