公共的强制保留两位小数的js方法

时间:2024-03-06 21:34:17
强制保留两位小数的js方法
//写一个公共的强制保留两位小数的js方法

function toDecimal2 (x) {
  var f = parseFloat(x)
  if (isNaN(f)) {
    return false
  }
  var f = Math.round(x * 100) / 100
  var s = f.toString()
  var rs = s.indexOf(\'.\')
  if (rs < 0) {
    rs = s.length
    s += \'.\'
  }
  while (s.length <= rs + 2) {
    s += \'0\'
  }
  return s
}

调用演示:

//调用演示
console.log( toDecimal2(2121) ); //2121.00
console.log( toDecimal2(2121.123) ); //2121.12
console.log( toDecimal2(2121.126) ); //2121.12

 

--------------------------------

在vue项目中可以配合vue.filter() 使用

 

<template>
   <div class="demo">
       <span>{{\'1234.135\' | toDecimal2}}</span>
   </div>
</template>

<script>
export default {
   name: \'\',
   components: {},
   data() {
       return {}
   },
   filters: {

        toDecimal2 (x) {
            var f = parseFloat(x)
            if ( isNaN(f) ) {
                return false
            }
            var f = Math.round(x * 100) / 100
            var s = f.toString()
            var rs = s.indexOf(\'.\')
            if (rs < 0) {
                rs = s.length
                s += \'.\'
            }
            while (s.length <= rs + 2) {
                s += \'0\'
            }
            return s
        }
   },
}
</script>

<style scoped>

</style>

END!!

 

来自:https://cloud.tencent.com/developer/article/1395547