耀极客论坛

 找回密码
 立即注册
查看: 381|回复: 0

js保留两位小数方法总结

[复制链接]

193

主题

176

帖子

276

积分

中级会员

Rank: 3Rank: 3

积分
276
发表于 2022-5-7 00:29:10 | 显示全部楼层 |阅读模式
  本篇文章给大家总结了js保留两位小数的各种方法以及每种方法的实例代码分析,如果大家对此有需要,一起来学习下js保留两位小数的方法吧。
  本文是小编针对js保留两位小数这个大家经常遇到的经典问题整理了在各种情况下的函数写法以及遇到问题的分析,以下是全部内容:

一、我们首先从经典的“四舍五入”算法讲起
1、四舍五入的情况
  1. var num =2.446242342;
  2. num = num.toFixed(2); // 输出结果为 2.45
复制代码
2、不四舍五入
  第一种,先把小数边整数:
  1. Math.floor(15.7784514000 * 100) / 100 // 输出结果为 15.77
复制代码
  第二种,当作字符串,使用正则匹配:
  1. Number(15.7784514000.toString().match(/^\d+(?:\.\d{0,2})?/)) // 输出结果为 15.77,不能用于整数如 10 必须写为10.0000
复制代码
  1. 注意:如果是负数,请先转换为正数再计算,最后转回负数
复制代码
  再分享一个经典的解决四舍五入问题后js保留两位小数的方法:
  1. //四舍五入保留2位小数(若第二位小数为0,则保留一位小数)
  2. function keepTwoDecimal(num) {
  3. var result = parseFloat(num);
  4. if (isNaN(result)) {
  5. alert('传递参数错误,请检查!');
  6. return false;
  7. }
  8. result = Math.round(num * 100) / 100;
  9. return result;
  10. }
  11. //四舍五入保留2位小数(不够位数,则用0替补)
  12. function keepTwoDecimalFull(num) {
  13. var result = parseFloat(num);
  14. if (isNaN(result)) {
  15. alert('传递参数错误,请检查!');
  16. return false;
  17. }
  18. result = Math.round(num * 100) / 100;
  19. var s_x = result.toString();
  20. var pos_decimal = s_x.indexOf('.');
  21. if (pos_decimal ‹ 0) {
  22. pos_decimal = s_x.length;
  23. s_x += '.';
  24. }
  25. while (s_x.length ‹= pos_decimal + 2) {
  26. s_x += '0';
  27. }
  28. return s_x;
  29. }
复制代码
  如果大家想对javascript有系统深入的学习,可以参阅 JavaScript启示录 PDF原书完整版 这本经典书籍
二、Js取float型小数点后两位数的方法
  1. ‹script type="text/javascript">
  2. //保留两位小数
  3. //功能:将浮点数四舍五入,取小数点后2位
  4. function toDecimal(x) {
  5. var f = parseFloat(x);
  6. if (isNaN(f)) {
  7. return;
  8. }
  9. f = Math.round(x*100)/100;
  10. return f;
  11. }
  12. //制保留2位小数,如:2,会在2后面补上00.即2.00
  13. function toDecimal2(x) {
  14. var f = parseFloat(x);
  15. if (isNaN(f)) {
  16. return false;
  17. }
  18. var f = Math.round(x*100)/100;
  19. var s = f.toString();
  20. var rs = s.indexOf('.');
  21. if (rs ‹ 0) {
  22. rs = s.length;
  23. s += '.';
  24. }
  25. while (s.length ‹= rs + 2) {
  26. s += '0';
  27. }
  28. return s;
  29. }
  30. function fomatFloat(src,pos){
  31. return Math.round(src*Math.pow(10, pos))/Math.pow(10, pos);
  32. }
  33. //四舍五入
  34. alert("保留2位小数:" + toDecimal(3.14159267));
  35. alert("强制保留2位小数:" + toDecimal2(3.14159267));
  36. alert("保留2位小数:" + toDecimal(3.14559267));
  37. alert("强制保留2位小数:" + toDecimal2(3.15159267));
  38. alert("保留2位小数:" + fomatFloat(3.14559267, 2));
  39. alert("保留1位小数:" + fomatFloat(3.15159267, 1));
  40. //五舍六入
  41. alert("保留2位小数:" + 1000.003.toFixed(2));
  42. alert("保留1位小数:" + 1000.08.toFixed(1));
  43. alert("保留1位小数:" + 1000.04.toFixed(1));
  44. alert("保留1位小数:" + 1000.05.toFixed(1));
  45. //科学计数
  46. alert(3.1415.toExponential(2));
  47. alert(3.1455.toExponential(2));
  48. alert(3.1445.toExponential(2));
  49. alert(3.1465.toExponential(2));
  50. alert(3.1665.toExponential(1));
  51. //精确到n位,不含n位
  52. alert("精确到小数点第2位" + 3.1415.toPrecision(2));
  53. alert("精确到小数点第3位" + 3.1465.toPrecision(3));
  54. alert("精确到小数点第2位" + 3.1415.toPrecision(2));
  55. alert("精确到小数点第2位" + 3.1455.toPrecision(2));
  56. alert("精确到小数点第5位" + 3.141592679287.toPrecision(5));
  57. ‹/script>
复制代码
  用Javascript取float型小数点后两位,例22.127456取成22.13,如何做?
  1.丢弃小数部分,保留整数部分
  1. parseInt(5/2)
复制代码
  2.向上取整,有小数就整数部分加1
  1. Math.ceil(5/2)
复制代码
  3,四舍五入.
  1. Math.round(5/2)
复制代码
  4,向下取整
  1. Math.floor(5/2)
复制代码
  另类的方法
  1. 最笨的办法
  1. function get()
  2. {
  3. var s = 22.127456 + "";
  4. var str = s.substring(0,s.indexOf(".") + 3);
  5. alert(str);
  6. }
复制代码
  2. 正则表达式效果不错
  1. ‹script type="text/javascript">
  2. onload = function(){
  3. var a = "23.456322";
  4. var aNew;
  5. var re = /([0-9]+.[0-9]{2})[0-9]*/;
  6. aNew = a.replace(re,"$1");
  7. alert(aNew);
  8. }
  9. ‹/script>
复制代码
  3. 他就比较聪明了
  1. ‹script>
  2. var num=22.127456;
  3. alert( Math.round(num*100)/100);
  4. ‹/script>
复制代码
  4.会用新鲜东西的朋友....... 但是需要 IE5.5+才支持。
  5.js保留2位小数(强制)
  对于小数点位数大于2位的,用上面的函数没问题,但是如果小于2位的,比如:changeTwoDecimal(3.1),将返回3.1,如果你一定需要3.10这样的格式,那么需要下面的这个函数:
  1. function changeTwoDecimal_f(x) {
  2. var f_x = parseFloat(x);
  3. if (isNaN(f_x)) {
  4. alert('function:changeTwoDecimal->parameter error');
  5. return false;
  6. }
  7. var f_x = Math.round(x * 100) / 100;
  8. var s_x = f_x.toString();
  9. var pos_decimal = s_x.indexOf('.');
  10. if (pos_decimal ‹ 0) {
  11. pos_decimal = s_x.length;
  12. s_x += '.';
  13. }
  14. while (s_x.length ‹= pos_decimal + 2) {
  15. s_x += '0';
  16. }
  17. return s_x;
  18. }
复制代码
三、js保留两位小数,自动补充零
  1. function returnFloat(value){
  2. var value=Math.round(parseFloat(value)*100)/100;
  3. var xsd=value.toString().split(".");
  4. if(xsd.length==1){
  5. value=value.toString()+".00";
  6. return value;
  7. }
  8. if(xsd.length>1){
  9. if(xsd[1].length‹2){
  10. value=value.toString()+"0";
  11. }
  12. return value;
  13. }
  14. }
复制代码
四、JS取整数,js取绝对值,js四舍五入(可保留两位小数)
  JS取整数,js取绝对值,js四舍五入(可保留两位小数)函数如下:
  1. ‹SCRIPT language=javascript>
  2. ‹!--
  3. function jsMath()
  4. {
  5. document.write(Math.floor(5.80) + "‹br>");//取整或下舍入
  6. document.write(Math.round(5.80) + "‹br>");//四舍五入,取整数
  7. document.write(Math.round((5.80*100)/100) + "‹br>");//四舍五入,保留两位小数
  8. document.write(Math.ceil(5.10) + "‹br>");//上舍入
  9. document.write(Math.abs(-5.80) + "‹br>");//取绝对值
  10. document.write(Math.max(55,58) + "‹br>");//返回两个值中最大数
  11. document.write(Math.min(55,58) + "‹br>");//返回两个值中最小数
  12. }
  13. -->
  14. ‹/SCRIPT>
  15. ‹div>
  16. ‹script>jsMath();‹/script>
  17. ‹/div>
复制代码
总结
  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. ‹script type=”text/javascript”>
  2. var num = new Number(13.376954);
  3. document.write (num.toFixed(2))
  4. ‹/script>
  5. 输出:13.38
复制代码
  2、自定义函数实现小数保留并四舍五入。
  1. function roundFun(numberRound,roundDigit) { //四舍五入,保留位数为roundDigit
  2. if (numberRound>=0){
  3. var tempNumber = parseInt((numberRound * Math.pow(10,roundDigit)+0.5))/Math.pow(10,roundDigit);
  4. return tempNumber;
  5. } else{
  6. numberRound1=-numberRound;
  7. var tempNumber = parseInt((numberRound1 * Math.pow(10,roundDigit)+0.5))/Math.pow(10,roundDigit);
  8. return -tempNumber;
  9. }
  10. }
复制代码
  然后调用roundFun()这个函数就可以了。如roundFun('13.376954′,2);当然返回的结果跟第一种方法是一样的。

  3、通过函数截取,截取到小数点后面第几位,当然这种方法就没有四舍五入了。
  1. ‹script type=”text/javascript”>
  2. tmp = 13.376954″
  3. result = tmp.substr(0,tmp.indexOf(“.”)+2);
  4. alert(result);
  5. ‹/script>
复制代码
  以上就是小编为大家整理的关于js保留两位小数方法的总结内容,感谢你的支持,如果你对js保留两位小数方法还有任何不明白的地方,可以在下方的留言区讨论。


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|耀极客论坛 ( 粤ICP备2022052845号-2 )|网站地图

GMT+8, 2022-12-10 03:36 , Processed in 0.065488 second(s), 20 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表