js保留n位小数

先上完整代码，这里提供3种解决思路

/**
 * 保留n位小数，四舍五入
 * @param {Number} _m_ 原始数字
 * @param {Number} _n_ 保留n位，默认2位
 * @returns 
 */
function fixed(_m_, _n_ = 2){
  const num = Number(_m_),
   n = Number(_n_);
   return num.toFixed(n)
  //  或者
  // Number.prototype.toFixed.call(num,n)
}

// 保留n位小数，向下取整
function fixed1(_m_, _n_ = 2) {
  let num = Number(_m_);
  const n = Number(_n_);
  if (!isNaN(num) && !isNaN(n)) {
    const multiple = 10 ** n;
    num = Math.floor(num * multiple) / multiple;
    let str = num.toString();
    let index = str.indexOf(".");
    if (index < 0) {
      index = str.length; // 标记小数点位置
      str += ".";
    }
    while (str.length <= index + n) {
      str += "0";
    }
    return str;
  }
  return "0.00";
}

function fixed2(_m_, _n_ = 2) {
  let num = Number(_m_);
  const n = Number(_n_);
  if (!isNaN(num) && !isNaN(n)) {
    const list = [...Math.floor(num * 10 ** n).toString()];
    list.splice(-n, 0, ".");
    return list.join("");
  }
  return "0.00";
}

解析

toFixed实现

/**
 * 保留n位小数，四舍五入
 * @param {Number} _m_ 原始数字
 * @param {Number} _n_ 保留n位，默认2位
 * @returns 
 */
function fixed(_m_, _n_ = 2){
  // 传入的参数都转为数字
  const num = Number(_m_),
   n = Number(_n_);
   return num.toFixed(n)// 直接使用toFixed，就能保留n位小数了
  //  或者
  // Number.prototype.toFixed.call(num,n)// 这种方法更合适
}

toFixed是Number原型上的方法，用起来方便快捷，但是只支持四舍五入，不能进行向上或者向下取整。

自定义方法1

// 保留n位小数，向下取整
function fixed1(_m_, _n_ = 2) {
  // 传入的参数都转为数字
  let num = Number(_m_);
  const n = Number(_n_);
  // 都是数字才执行
  if (!isNaN(num) && !isNaN(n)) {
    const multiple = 10 ** n;// 原始数字放大倍数，10的n次方
    num = Math.floor(num * multiple) / multiple;// 放大后先取整数部分，然后还原到原始量级(Math.floor也可以换成Math.round或者Math.ceil)
    let str = num.toString();
    let index = str.indexOf(".");// 找到小数点的位置（有可能有小数点，也可能没有）
    // 没有小数点就补一个上去
    if (index < 0) {
      index = str.length; // 标记小数点位置
      str += ".";
    }
    // 字符串长度不够时，小数位补零
    while (str.length <= index + n) {
      str += "0";
    }
    return str;// 返回字符串
  }
  return "0.00";// 默认返回值
}

该方法

• 优点： 可以进行各种取整方式(Math.floor、Math.round、Math.ceil)，
• 缺点： 进行小数运算的时候偶尔会出现精度丢失。改进思路就是把避免精度丢失的方法结合进来

自定义方法2

// 保留n位小数，向下取整
function fixed2(_m_, _n_ = 2) {
// 传入的参数都转为数字
  let num = Number(_m_);
  const n = Number(_n_);
  // 都是数字才执行
  if (!isNaN(num) && !isNaN(n)) {
    // 原始数字先放大10的n次方倍，并取出整数部分
    // 紧接着字符串展开成数组
    const list = [...Math.floor(num * 10 ** n).toString()];
    // 在数组的倒数第n位插入一个小数点
    list.splice(-n, 0, ".");
    return list.join("");// 数组转字符串，返回
  }
  return "0.00";// 默认返回值
}

该方法优缺点与上面的方法一样，额外的优点是代码简洁