小編給大家分享一下JavaScript中使用取余運算符判斷整數的方法，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

創新互聯建站專業為企業提供懷柔網站建設、懷柔做網站、懷柔網站設計、懷柔網站制作等企業網站建設、網頁設計與制作、懷柔企業網站模板建站服務，十多年懷柔做網站經驗，不只是建網站，更提供有價值的思路和整體網絡服務。

一、使用取余運算符判斷

任何整數都會被1整除，即余數是0。利用這個規則來判斷是否是整數。

function isInteger(obj) {
 return obj%1 === 0
}
isInteger(3) // true
isInteger(3.3) // false　

以上輸出可以看出這個函數挺好用，但對于字符串和某些特殊值顯得力不從心

isInteger('') // true
isInteger('3') // true
isInteger(true) // true
isInteger([]) // true

對于空字符串、字符串類型數字、布爾true、空數組都返回了true，真是難以接受。對這些類型的內部轉換細節感興趣的請參考：

JavaScript中奇葩的假值

因此，需要先 判斷下對象是否是數字 ，比如加一個typeof

function isInteger(obj) {
 return typeof obj === 'number' && obj%1 === 0
}
isInteger('') // false
isInteger('3') // false
isInteger(true) // false
isInteger([]) // false

嗯，這樣比較完美了。

二、使用Math.round、Math.ceil、Math.floor判斷

整數取整后還是等于自己。利用這個特性來判斷是否是整數，Math.floor示例，如下

function isInteger(obj) {
 return Math.floor(obj) === obj
}
isInteger(3) // true
isInteger(3.3) // false
isInteger('') // false
isInteger('3') // false
isInteger(true) // false
isInteger([]) // false

這個直接把字符串，true，[]屏蔽了，代碼量比上一個函數還少。

三、通過parseInt判斷

function isInteger(obj) {
 return parseInt(obj, 10) === obj
}
isInteger(3) // true
isInteger(3.3) // false
isInteger('') // false
isInteger('3') // false
isInteger(true) // false
isInteger([]) // false

很不錯，但也有一個缺點

isInteger(1000000000000000000000) // false

竟然返回了false，沒天理啊。原因是parseInt在解析整數之前強迫將第一個參數解析成字符串。這種方法將數字轉換成整型不是一個好的選擇。

四、通過位運算判斷

function isInteger(obj) {
 return (obj | 0) === obj
}
isInteger(3) // true
isInteger(3.3) // false
isInteger('') // false
isInteger('3') // false
isInteger(true) // false
isInteger([]) // false

這個函數很不錯，效率還很高。但有個缺陷，上文提到過，位運算只能處理32位以內的數字，對于超過32位的無能為力，如

isInteger(Math.pow(2, 32)) // 32位以上的數字返回false了

當然，多數時候我們不會用到那么大的數字。

五、ES6提供了Number.isInteger

Number.isInteger(3) // true
Number.isInteger(3.1) // false
Number.isInteger('') // false
Number.isInteger('3') // false
Number.isInteger(true) // false
Number.isInteger([]) // false

目前，最新的 Firefox 和Chrome已經支持。

六、js 輸入int類型數字后自動在后面加.00

var getFloatStr = function (num) {
 num += '';
 num = num.replace(/[^0-9|\.]/g, ''); //清除字符串中的非數字非.字符
 if (/^0+/) //清除字符串開頭的0
  num = num.replace(/^0+/, '');
 if (!/\./.test(num)) //為整數字符串在末尾添加.00
  num += '.00';
 if (/^\./.test(num)) //字符以.開頭時,在開頭添加0
  num = '0' + num;
 num += '00'; //在字符串末尾補零
 num = num.match(/\d+\.\d{2}/)[0];
 return num;
 };

如若vue 全局使用 在 main.js

Vue.prototype.getFloatStr = function(num) {
 num += '';
 num = num.replace(/[^0-9|\.]/g, ''); //清除字符串中的非數字非.字符

 if (/^0+/) //清除字符串開頭的0
 num = num.replace(/^0+/, '');
 if (!/\./.test(num)) //為整數字符串在末尾添加.00
 num += '.00';
 if (/^\./.test(num)) //字符以.開頭時,在開頭添加0
 num = '0' + num;
 num += '00'; //在字符串末尾補零
 num = num.match(/\d+\.\d{2}/)[0];
 return num;
}

方法有很多種 例如：

js將小數轉為保留兩位小數（保留0.00和不保留）

function toDecimal2(x) {
 var f = Math.round(x * 100) / 100;
 var s = f.toString();
 var rs = s.indexOf('.');
 if (rs < 0) {
 rs = s.length;
 s += '.';
 }
 while (s.length <= rs + 2) {
 s += '0';
 }
 return s;
}
//保留2位小數，如：2，還會保留2 不會補0
function toDecimal2NoZero(x) {
 var f = Math.round(x * 100) / 100;
 var s = f.toString();
 return s;
}

看完了這篇文章，相信你對“JavaScript中使用取余運算符判斷整數的方法”有了一定的了解，如果想了解更多相關知識，歡迎關注創新互聯行業資訊頻道，感謝各位的閱讀！

分享題目：JavaScript中使用取余運算符判斷整數的方法
網頁URL：http://vcdvsql.cn/article4/pcceie.html

成都網站建設公司_創新互聯，為您提供品牌網站設計、網頁設計公司、用戶體驗、網站設計公司、靜態網站、企業網站制作

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯