JS保留小數幾種簡單方法例子

更新時間：2023年10月19日 09:03:41 作者：qq_50630857

這篇文章主要給大家介紹了關于JS保留小數幾種簡單方法,在JS中保留小數的方法有很多,可以Math函數或者以字符串形式來進行處理,但在有的時候需要四舍五入,有時候不需要,需要的朋友可以參考下

toFixed() 方法

toFixed(n)中n指小數點后的位數

1、整數保留一位小數

var num = 1
num = num.toFixed(1)   
console.log(num);   //1.0

2、小數保留一位

注意：四舍六入五取偶 - 五后非零就進一，五后為零看奇偶，五前為偶應舍去，五前為奇要進一

var num = 1.55
var num1 = 1.45          //5前為偶舍去
num1 = num1.toFixed(1)
num = num.toFixed(1)   
console.log(num);   //1.6
console.log(num1);  //1.4

二、自定義轉換方法 - 四舍五入，轉換后仍為數字類型

第一個參數為待轉換的數字，是小數，整數不能實現
第二個參數為保留的小數個數

function roundFun(value, n) {
  return Math.round(value*Math.pow(10,n))/Math.pow(10,n);
}
console.log(roundFun(2.853，2));  //2.85
console.log(roundFun(5/3, 2)     //1.67
console.log(roundFun(2, 2)       //2

//輸入小數value，并保留小數點后一位，如果想保留兩位，將10改為100
function roundFun(value) {
    return Math.round(value * 10) / 10;
}
console.log(roundFun(2.853));      //2.9

三、自定義格式化輸出方法 - 對上面自定義轉換方法的補充

小數位數進行四舍五入，返回的是格式化后的字符串，不是數字，小數點后不足的位數會自動補0，如4會變成4.0返回

//保留n位小數并格式化輸出（不足的部分補0）
    function fomatFloat(value, n) {
      var f = Math.round(value * Math.pow(10, n)) / Math.pow(10, n);
      var s = f.toString();
      var rs = s.indexOf(".");
      if (rs < 0) {
        s += ".";
      }
      for (var i = s.length - s.indexOf("."); i <= n; i++) {
        s += "0";
      }
      return s;
    };
    console.log(fomatFloat(1,2));    //1.00

附：JavaScript 數學表達式：Math.round()

語法：

Math.round(xx) // 參數 ‘xx' 代表一個數值

返回值：把給定的值四舍五入為最接近的整數
示例：

var xx= 20.5;
console.log(Math.round(xx, xx)) // 21

var xx= 20.49;
console.log(Math.round(xx)) // 20

var xx= -20.5;
var xx= -20.55;
console.log(Math.round(xx)) // -20
console.log(Math.round(xx)) // -21