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

 更新时间:2023年10月13日 11:22:32   作者:S654240464  
在 JavaScript 中,有多种方法可以保留小数点后两位,本文给大家分享比较常用的方法,文末给大家介绍了实现数据格式化保留两位小数的多种方法,感兴趣的朋友一起看看吧

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

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

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

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

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

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

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

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

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

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 异常。

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

输出:13.38

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

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、通过函数截取,截取到小数点后面第几位,当然这种方法就没有四舍五入了。

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

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

相关文章

  • JavaScript使用BigInt处理超大数值全指南

    JavaScript使用BigInt处理超大数值全指南

    在JavaScript开发中,数值处理看似简单,却隐藏着一个容易被忽视的陷阱 —— 数值精度限制,面对超过安全整数范围的超大数值时,传统的 Number 类型往往力不从心,而BigInt的出现正是为了解决这一痛点,本文将深入探讨JavaScript数值处理的困境、BigInt的应用场景及最佳实践
    2025-07-07
  • 微信小程序用户授权获取手机号(getPhoneNumber)

    微信小程序用户授权获取手机号(getPhoneNumber)

    这篇文章主要给大家介绍了关于微信小程序用户授权获取手机号的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • JavaScript实现页面跳转的方式总结

    JavaScript实现页面跳转的方式总结

    在现代Web开发中,页面跳转是实现导航功能的基础操作,JavaScript提供了多种方式来实现页面跳转,从简单的URL重定向到复杂的单页面应用(SPA)路由,本文将全面总结JavaScript实现页面跳转的各种方法、适用场景及最佳实践,需要的朋友可以参考下
    2025-07-07
  • Promise扫盲贴

    Promise扫盲贴

    这篇文章主要介绍了Promise扫盲贴,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-06-06
  • 小程序通过小程序云实现微信支付功能实例

    小程序通过小程序云实现微信支付功能实例

    本文主要介绍了小程序通过小程序云实现微信支付功能实例,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-07-07
  • layui实现文件或图片上传记录

    layui实现文件或图片上传记录

    这篇文章主要为大家详细介绍了layui实现文件或图片上传记录,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-08-08
  • jQuery $.data()方法使用注意细节

    jQuery $.data()方法使用注意细节

    前段时间同事在群里对jQuery里的.data()方法接下来介绍jQuery $.data()方法使用注意细节,需要了解的朋友可以参考下
    2012-12-12
  • js获得页面的高度和宽度的方法

    js获得页面的高度和宽度的方法

    做一个弹出dialog时用到了取父页面的宽度和高度的方法,需要的朋友可以参考下
    2014-02-02
  • 前端常见问答之flat()和flatMap()有哪些不同

    前端常见问答之flat()和flatMap()有哪些不同

    这篇文章主要介绍了JavaScript中的flat()和flatMap()方法,解释了它们的功能、使用方法和应用场景,flat()用于将嵌套数组压平,而flatMap()则是在压平的同时对每个元素进行转换,需要的朋友可以参考下
    2024-11-11
  • 一道优雅面试题分析js中fn()和return fn()的区别

    一道优雅面试题分析js中fn()和return fn()的区别

    这篇文章主要带领大家深入理解JavaScript中 fn() 和 return fn() 的区别,感兴趣的小伙伴们可以参考一下
    2016-07-07

最新评论