首页 > 编程语言 >在 JavaScript 中保留小数点后两位的方法

在 JavaScript 中保留小数点后两位的方法

时间:2024-05-18 16:19:03浏览次数:17  
标签:四舍五入 两位 JavaScript 保留 小数点 num toFixed 方法

From: https://www.jb51.net/javascript/301602kuw.htm

在 JavaScript 中,有多种方法可以保留小数点后两位,本文给大家分享比较常用的方法,文末给大家介绍了实现数据格式化保留两位小数的多种方法,感兴趣的朋友一起看看吧

 

在 JavaScript 中,保留小数点后两位的方法

在 JavaScript 中,有多种方法可以保留小数点后两位。以下是其中的一些方法:

1. toFixed() 方法:该方法将数字转换为字符串,并保留指定的小数位数。

1 2 3 let num = 3.1415926; let result = num.toFixed(2); // "3.14"

2. Math.round() 方法:该方法将数字四舍五入到指定的小数位数。

1 2 3 let num = 3.1415926; let result = Math.round(num * 100) / 100; // 3.14

 3. parseFloat() 和正则表达式:该方法将字符串转换为数字,并保留指定的小数位数。

1 2 3 let num = "3.1415926";  let result = parseFloat(num).toFixed(2);  // "3.14"

 4. Number() 和正则表达式:该方法将字符串转换为数字,并保留指定的小数位数。

1 2 3 let num = "3.1415926";  let result = Number(num.match(/^\d+(?:\.\d{0,2})?/));  // 3.14

以上是其中的一些方法,你可以根据自己的需求选择适合的方法。

扩展

js保留两位小数方法总结

JS数据格式化是在进行web前端开发时常碰到的事情,特别是在数据类型为Float的数据就需要特殊处理,如保留两位小数、小数点后的数据是否需要四舍五入等等。下面就来介绍实现数据格式化保留两位小数的多种方法。

1、JS自带的方法toFixed(),toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。

语法:NumberObject.toFixed(num),mun是必需的参数,即规定小数的位数,是 0 ~ 20 之间的值,包括 0 和 20,有些实现可以支持更大的数值范围。如果省略了该参数,将用 0 代替,所以toFixed() 方法可以实现保留2位、3位、4位等等,取决于num的数值。

返回值:返回 NumberObject 的字符串表示,不采用指数计数法,小数点后有固定的 num 位数字。如果必要,该数字会被舍入,也可以用 0 补足,以便它达到指定的长度。如果 num 大于 le+21,则该方法只调用 NumberObject.toString(),返回采用指数计数法表示的字符串。

当 num 太小或太大时抛出异常 RangeError。0 ~ 20 之间的值不会引发该异常。有些实现支持更大范围或更小范围内的值。

当调用该方法的对象不是 Number 时抛出 TypeError 异常。

1 2 3 4 <script type=”text/javascript”> var num = new Number(13.376954); document.write (num.toFixed(2)) </script>

输出:13.38

2、自定义函数实现小数保留并四舍五入。

1 2 3 4 5 6 7 8 9 10 function roundFun(numberRound,roundDigit) { //四舍五入,保留位数为roundDigit if (numberRound>=0){ var tempNumber = parseInt((numberRound * Math.pow(10,roundDigit)+0.5))/Math.pow(10,roundDigit); return tempNumber; } else{ numberRound1=-numberRound; var tempNumber = parseInt((numberRound1 * Math.pow(10,roundDigit)+0.5))/Math.pow(10,roundDigit); return -tempNumber; } }

然后调用roundFun()这个函数就可以了。如roundFun('13.376954′,2);当然返回的结果跟第一种方法是一样的。

3、通过函数截取,截取到小数点后面第几位,当然这种方法就没有四舍五入了。

1 2 3 4 5 <script type=”text/javascript”> tmp = 13.376954″ result = tmp.substr(0,tmp.indexOf(“.”)+2); alert(result); </script>

到此这篇关于在 JavaScript 中,保留小数点后两位的方法的文章就介绍到这了,更多相关js保留小数点后两位内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:

标签:四舍五入,两位,JavaScript,保留,小数点,num,toFixed,方法
From: https://www.cnblogs.com/joeblackzqq/p/18199434

相关文章

  • R语言中判断数值是否带有小数点
     001、不为整数>a<-5.324>floor(a)==a##截断后不相等,说明带有小数点部分,即不为整数[1]FALSE 002、是整数>b<-324>floor(b)==b##截断小数点后仍然相等,说明是整数[1]TRUE 。......
  • R语言中小数点如何实现进位
     001、round,四舍五入>a<-5.345##舍去>round(a)[1]5>b<-5.824##进位>round(b)[1]6 002、round,四舍五入指定小数位数>a<-8.426532>round(a,1)##保留一位小数,四舍五入[1]8.4>round(a,2)##保......
  • 说说JavaScript中的事件模型
    一、事件与事件流javascript中的事件,可以理解就是在HTML文档或者浏览器中发生的一种交互操作,使得网页具备互动性,常见的有加载事件、鼠标事件、自定义事件等由于DOM是一个树结构,如果在父子节点绑定事件时候,当触发子节点的时候,就存在一个顺序问题,这就涉及到了事件流的概念事件......
  • [Javascript] Find Items from the end of the JavaScript Array using at, findLast
    Findingelementsstartingfromtheendofanarrayhasgottenaloteasierwiththeintroductionofthe at, findLast,and findLastIndex methods!With at younolongerneedtoremembertoaccesstheendofthearraylike array[array.length-1] trick.......
  • [Javascript] Object.groupBy & Map.groupBy
    ArrayGrouping isthenewfeatureofJavaScript/ECMAScript,whichsplitsanarray(or,generally,aniterable),intosmallersub-arrays.GroupingisdifferentthanotherJSarraymethods-it's not apartofthearrayprototype,butastaticmethod.......
  • JavaScript中执行上下文和执行栈是什么?
    一、执行上下文简单的来说,执行上下文是一种对Javascript代码执行环境的抽象概念,也就是说只要有Javascript代码运行,那么它就一定是运行在执行上下文中执行上下文的类型分为三种:全局执行上下文:只有一个,浏览器中的全局对象就是 window对象,this 指向这个全局对象函数执行上下......
  • 【Oracle】Oracle SQL查询数字是否为小数点后两位
    【Oracle】OracleSQL查询数字是否为小数点后两位因为业务要求,需要对系统中的属性值进行更新,如果数据为小数点后三位及以上,则需要将对应的单位进行变更,并将数据同步翻倍例如0.001KG,要换成1G我们知道instr可以找某个字符的位置,同样的,我们可以通过instr查找小数点的位置同时,......
  • JavaScript object array sort by string bug All In One
    JavaScriptobjectarraysortbystringbugAllInOnebug//purestringsarray,sortOK✅letarr=["banana","strawberry","apple"];JSON.stringify(arr.sort());//'["apple","banana","strawbe......
  • javascript 将变量值作为对象属性 获取对象对应的值
      test(){letform={bar_rule_txt:'{spu}-{master_attr_value}-{slave_attr_alias}',bar_rule_result:'',spu:'JPK1575G',master_attr_value:'黑色',master......
  • JavaScript Object valueOf & toString All In One
    JavaScriptObjectvalueOf&toStringAllInOneclassArrayWrapper{arr:number[];constructor(nums:number[]){this.arr=nums;}//✅改写Object内置方法valueOf,返回一个number整数//❓object相加(本质上是object序列化后的string......