JS 重写toFixed方法

JavaScript052

JS 重写toFixed方法,第1张

// 重写toFixed方法

Number.prototype.toFixed = function (n) {

  if (n >20 || n <0) {

      throw new RangeError('toFixed() digits argument must be between 0 and 20')

  }

  const number = this

  if (isNaN(number) || number >= Math.pow(10, 21)) {

      return number.toString()

  }

  if (typeof (n) == 'undefined' || n == 0) {

      return (Math.round(number)).toString()

  }

  let result = number.toString()

  const arr = result.split('.')

  // 整数的情况

  if (arr.length <2) {

      result += '.'

      for (let i = 0i <ni += 1) {

          result += '0'

      }

      return result

  }

  const integer = arr[0]

  const decimal = arr[1]

  if (decimal.length == n) {

      return result

  }

  if (decimal.length <n) {

      for (let i = 0i <n - decimal.lengthi += 1) {

          result += '0'

      }

      return result

  }

  result = integer + '.' + decimal.substr(0, n)

  const last = decimal.substr(n, 1)

  // 四舍五入,转换为整数再处理,避免浮点数精度的损失  正数+1 负数-1

  if (parseInt(last, 10) >= 5) {

      const x = Math.pow(10, n)

      result = (Math.round((parseFloat(result) * x)) + (parseFloat(result) >0 ? 1 : -1)) / x

      result = result.toFixed(n)

  }

  return result

}

toFixed()

方法可把

Number

四舍五入为指定小数位数的数字。在JS中函数

toFixed(n)的参数n为要保留的小数位数,且n为0~20,当n超过20的时候,JS会出错。

在使用js进行一些数学计算时,有时候会出现整出后无限循环或小数点后面的位数太多影响显示的情况,那么在js代码中怎样对于计算所得的小数进行处理了.

一、toFixed()方法,它可以四舍五入到小数点后指定位数

var shuzi = "10.383"

document.write(shuzi.toFixed(2))

在js中会输出:10.38 toFixed(2)表示四舍五入到小数点的后两位.

二、round()方法,不同于toFixed,它是将小数四舍五入位整数

Math.round(0.80)

输出为:1

虽然round方法只能四舍五入为整数,但是可以先将指定位数先化为整数进行四舍五入操作,然后在重新除以化为整数的倍数恢复原来的数值即可获得指定位数的小数.

var ws=2

var wsbs=Math.pow(10,ws)

var shuzi = 18.138571

document.write( Math.round(shuzi * wsbs ) / wsbs )

ws为指定小数的位数,wsbs为10的ws次方,为了将小数先化为整数好让round函数先四舍五入,然后再转为原来的大小.

js代码中除了round方法能够将小数转为整数,还有floor()向下取整即正数向下舍入,负数向更大的负数舍入.

Math.floor(0.80)//0

Math.floor(-6.3)//-7

ceil()与floor()相反,他是向上面取整,正数向更大的整数取整,负数向更小的负数取整.

Math.ceil(0.80)//1

Math.ceil(-7.9)// -7

同理,它们都可以像round方法一样,通过先将小数化为整数处理后再将其重新转为小数,只需要将上面代码中的Math.round分别改为Math.ceil或Math.floor.

三、通过substring来直接截取,它可以获得指定位数的小数,不对多余的小数进行舍入操作。

var ws=2

var shuzi = 19.138578

document.write(shuzi.substring(0,s.(".")+ws+1))

首先用到indexOf方法获取小数点再数字中第一次出现的位置,然后加上需要保留的小数点后面的位数以及小数点,通过substring提取字符从第一为到指定位数的字符.

四、正则来截取小数点后面的位数

var ws=2

var shuzi = 19.138578

blsz = num.replace("/([0-9]+\.[0-9]{"+ws+"})[0-9]*/","$1")

alert(blsz)

五、同上也是正则方法

var shuzi = 19.138578

var ws = 2

var blsz = new RegExp("\d+\.\d{" + ws + "}","gm")

alert(shuzi.match(blsz))

两个正则区别在于使用的正则函数方法不同,它们都额可以得到指定位数的小数.

以上就是在js代码中比较实用的几种处理小数点后面的小数位数的方式.