Js知识整理 - 数值格式化

• 四舍五入

/**
 - 四舍五入，确保精度问题正确
 - @param {*} val
 - @returns
 */
export function round(val, decimals = 2) {
  return (Math.round((val + Number.EPSILON) * 100) / 100).toFixed(decimals)
}

• 小数

export function decimal(number) {
  number = '' + round(number)
  return number.slice(-2)
}

• 整数

export function int(number) {
  number = '' + round(number)
  return number.slice(0, -3)
}

• 单位式格式化数字

/**
 * @description 单位式格式化数字
 * @param {*} val
 * @returns
 */
export function formatByUnit(
  num,
  step = 10000,
  units = ['', '万', '亿', '万亿']
) {
  //转换数字
  let curentUnit = ''
  //转换单位
  for (let i = 0; i < units.length; i++) {
    curentUnit = units[i]
    if (strNumSize(num) < step.toString().length) {
      break
    }
    num = num / step
  }
  return {
    num: num.toFixed(2),
    unit: curentUnit,
  }
}
function strNumSize(num) {
  num = num.toString()
  let index = num.indexOf('.')
  if (index > 0) num = num.substring(0, index)

  return num.length
}
//eg
formatByUnit(100000000,10,['','','','千','万','','百万','千万'])

• 金额式格式化数字

/**
 * @description 格式化数字
 * @param number：要格式化的数字
 * @param decimals：保留几位小数,默认2位
 * @param dec_point：小数点符号，默认.
 * @param thousands_sep：千分位符号，默认,
 * @returns {string|null}
 */
export function format(number, decimals, dec_point, thousands_sep) {
  number = (number + '').replace(/[^0-9+-Ee.]/g, '')
  let n = !isFinite(+number) ? 0 : +number,
    prec = !isFinite(+decimals) ? 2 : Math.abs(decimals),
    sep = typeof thousands_sep === 'undefined' ? ',' : thousands_sep,
    dec = typeof dec_point === 'undefined' ? '.' : dec_point,
    s = '',
    toFixedFix = function (n, prec) {
      let k = Math.pow(10, prec)
      return '' + Math.ceil(n * k) / k
    }

  s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.')
  let re = /(-?\d+)(\d{3})/
  while (re.test(s[0])) {
    s[0] = s[0].replace(re, '$1' + sep + '$2')
  }

  if ((s[1] || '').length < prec) {
    s[1] = s[1] || ''
    s[1] += new Array(prec - s[1].length + 1).join('0')
  }
  return s.join(dec)
}

修复BUG：存在某些数字格式化后出现错误，如300.47变成300.48

/**
 * @description 格式化数字
 * @param number：要格式化的数字
 * @param decimals：保留几位小数,默认2位
 * @param dec_point：小数点符号，默认.
 * @param thousands_sep：千分位符号，默认,
 * @param roundtag：舍入参数，默认ceil向上取，floor向下取，round四舍五入。
 * @returns {string|null}
 */
export function format(number, decimals, dec_point, thousands_sep, roundtag) {
  number = (number + '').replace(/[^0-9+-Ee.]/g, '')
  roundtag = roundtag || 'ceil' //'ceil,floor,round

  let n = !isFinite(+number) ? 0 : +number,
    prec = !isFinite(+decimals) ? 2 : Math.abs(decimals),
    sep = typeof thousands_sep === 'undefined' ? ',' : thousands_sep,
    dec = typeof dec_point === 'undefined' ? '.' : dec_point,
    s = '',
    toFixedFix = function (n, prec, roundtag) {
      let s = n.toString(),
        sArr = s.split('.'),
        m = 0
      try {
        m += (sArr[1] || '').length
      } catch (e) {
        console.log(e)
      }
      if (prec > m) {
        return s
      } else {
        let k = Math.pow(10, m - prec)
        sArr[1] = Math[roundtag](Number(sArr[1]) / k).toString()

        sArr[1] = sArr[1].split('.')[0]
        if (sArr[1].length < prec) sArr[1] = new Array(prec).join('0') + sArr[1]

        return sArr.join('.')
      }
    }

  s = (prec ? toFixedFix(n, prec, roundtag) : '' + Math.floor(n)).split('.')

  let re = /(-?\d+)(\d{3})/
  while (re.test(s[0])) {
    s[0] = s[0].replace(re, '$1' + sep + '$2')
  }

  if ((s[1] || '').length < prec) {
    s[1] = s[1] || ''
    s[1] += new Array(prec - s[1].length + 1).join('0')
  }
  return s.join(dec)
}