快捷導(dǎo)航

JavaScript中保留小數(shù)點(diǎn)后N位方法總結(jié)

更新時(shí)間：2023年06月01日 11:59:46 作者：時(shí)傾

這篇文章主要為大家詳細(xì)介紹了JavaScript中保留小數(shù)點(diǎn)后N位的幾個(gè)常用方法，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起了解一下

四舍五入保留小數(shù)后 n 位

補(bǔ)0: 使用 toFixed(digits) 方法

四舍五入為指定的小數(shù)位數(shù)
返回字符串
小數(shù)實(shí)際位數(shù)不夠指定的位數(shù)，不足的部分會(huì)補(bǔ) 0

(1).toFixed(2) // '1.00'
(1.2).toFixed(2) // '1.20'
(-2).toFixed(2) // '-2.00'
(1.12345678).toFixed(7) // '1.1234568'

劣勢(shì)

參數(shù)必須是 0 ~ 20 之間的值，包括 0 和 20。參數(shù) < 0 報(bào)錯(cuò)。
會(huì)出現(xiàn)數(shù)字精度問題。詳見ECMAScript 中的 toFixed 定義。

(1111111111.1234567891234).toFixed(8) // '1111111111.12345672'

不補(bǔ)0：自定義轉(zhuǎn)換方法

四舍五入為指定的小數(shù)位數(shù)
返回?cái)?shù)字
小數(shù)實(shí)際位數(shù)不夠指定的位數(shù)，不足的部分不會(huì)補(bǔ) 0

function roundFun(number, precision) {
  return Math.round(+number + 'e' + precision) / Math.pow(10, precision);
}
// 或
function roundFun(number, precision) {
  return Math.round(number * Math.pow(10, precision)) / Math.pow(10, precision);
}

roundFun(1, 2) // 1
roundFun(1.2, 2) // 1.2
roundFun(-2, 2) // -2
roundFun(1.12345678, 7) // 1.1234568
roundFun(1111111111.1234567891234, 8) // 1111111111.1234567

精確顯示小數(shù)后 n 位

不補(bǔ)0

精確保留小數(shù)后 n 位
返回?cái)?shù)字
小數(shù)實(shí)際位數(shù)不夠指定的位數(shù)，不足的部分不會(huì)補(bǔ) 0

const keepDecimal = (numStr, precision) => {
  const regexp = new RegExp(`^\\d+(?:\\.\\d{0,${precision}})?`)
  const result = numStr.match(regexp)
  return result ? result[0] : '0'
}

keepDecimal('1', 2) // '1'
keepDecimal('1.2', 2) // '1.2'
keepDecimal('1.12345678', 7) // '1.1234567'
keepDecimal('12345.1234567891234', 8) // '12345.12345678'
keepDecimal('123456789.1234567891234', 10) // '123456789.1234567891'

劣勢(shì)

不支持負(fù)數(shù)
不支持字符串

keepDecimal('-2', 2) // '0'
keepDecimal('122sss', 10) // '122'
keepDecimal('abcd', 10) // '0'

補(bǔ)0

精確保留小數(shù)后 n 位
返回字符串
小數(shù)實(shí)際位數(shù)不夠指定的位數(shù)，不足的部分會(huì)補(bǔ) 0

const keepDecimal = (numStr, precision) => {
  const regexp = new RegExp(`^\\d+(?:\\.\\d{0,${precision}})?`)
  const result = numStr.match(regexp)
  return result ? result[0] : '0'
}

const keepDecimalPlaces = (numStr, precision) => {
  let numberStr = keepDecimal(numStr, precision)
  let rs = numberStr.indexOf('.')
  if (rs < 0 && precision > 0) {
    rs = numberStr.length
    numberStr += '.'
  }
  while (numberStr.length <= rs + precision) {
    numberStr += '0'
  }
  return numberStr
}

keepDecimalPlaces('1', 2) // '1.00'
keepDecimalPlaces('1.2', 2) // '1.20'
keepDecimalPlaces('1.12345678', 7) // '1.1234567'
keepDecimalPlaces('12345.1234567891234', 8) // '12345.12345678'
keepDecimalPlaces('123456789.1234567891234', 10) // '123456789.1234567891'
keepDecimalPlaces('123456789.000001', 10) // '123456789.0000010000'

劣勢(shì)

不支持負(fù)數(shù)
不支持字符串

keepDecimalPlaces('-2', 2) // '0.00'
keepDecimalPlaces('122sss', 10) // '122.0000000000'
keepDecimalPlaces('abcd', 10) // '0.0000000000'

到此這篇關(guān)于JavaScript中保留小數(shù)點(diǎn)后N位方法總結(jié)的文章就介紹到這了,更多相關(guān)JavaScript保留小數(shù)點(diǎn)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: