這篇文章帶給大家的內容是關於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。安全整數定義為滿足以下兩個條件的整數：
根據這個定義，安全整數是從-（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);
};登入後複製
相关推荐：
ES5与ES6数组方法总结
关于ES6中字符串string常用的新增方法分享
ES6里关于数字新增判断详解
以上是ES6中全新的數位方法總結（必看）的詳細內容。更多資訊請關注PHP中文網其他相關文章！
