JavaScript中判斷爲整數的多種方式,以及保留兩位小數

1、使用取餘運算符判斷

任何整數都會被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

嗯，這樣比較完美了。

2、使用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，[]屏蔽了，代碼量比上一個函數還少。

3、經過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在解析整數以前強迫將第一個參數解析成字符串。這種方法將數字轉換成整型不是一個好的選擇。

4、經過位運算判斷

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了

固然，多數時候咱們不會用到那麼大的數字。

5、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已經支持。

6、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;
}