`
jveqi
  • 浏览: 324140 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JS数据格式化保留两位小数的多种实现方法总结

    博客分类:
  • 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>

分享到:
评论

相关推荐

    js实现保留两位小数

    标题中的知识点为“js实现保留两位小数”,这一功能在JavaScript编程中经常会被用到。保留两位小数通常用于显示货币值、计算结果或是其他需要精确到小数点后两位的数值。在标题中提及的实现方式是通过编写一个函数来...

    js保留两位小数

    ### JavaScript保留两位小数的方法详解 在日常的前端开发工作中,我们经常需要处理数值运算,尤其是在涉及财务计算或展示精确度较高的数据时,对数值进行格式化处理是必不可少的一个环节。其中,一个常见的需求就是...

    js四舍五入-保留两位小数

    在JavaScript中实现四舍五五并保留两位小数的功能是常见的需求之一,特别是在处理财务数据或需要精确显示数值的应用场景下。根据提供的信息,我们将深入探讨如何在JavaScript中实现这一功能,并对比其他语言如Java的...

    JS格式化数字金额用逗号隔开保留两位小数

    在JavaScript中,格式化数字金额以用逗号隔开保留两位小数是一个常见需求,尤其是在涉及到财务数据的展示时。这样的格式化不仅可以让金额显示更加清晰,也有助于用户阅读和理解。 首先,要实现数字金额的格式化,...

    js保留小数位数

    在实际应用中,我们常常需要将一个浮点数保留到指定的小数位数,例如将`3.1415926`保留两位小数得到`3.14`。这看似简单的需求背后其实隐藏着不少细节和陷阱,尤其是在JavaScript这种动态语言中。 ### 二、理解...

    javascript实现保留两位小数的多种方法

    第二种方法是通过定义一个函数来实现保留两位小数的格式化。这个函数首先将传入的值转换为浮点数,然后利用Math.round()函数进行四舍五入到指定的小数位数。函数中的另一个关键步骤是将浮点数转换为字符串,并且使用...

    javascript 使用toFixed保留两位小数.pdf

    在给定的标题和描述中,重点讨论了如何使用`toFixed()`方法来保留两位小数。 `toFixed()`的基本语法是`number.toFixed(digits)`,其中`number`是你想要格式化的数字,`digits`是你希望保留的小数位数。在这个例子中...

    js保留两位小数使用toFixed实现

    在标题提到的"js保留两位小数使用toFixed实现"中,我们探讨的是如何精确地将一个数保留到两位小数。通常,开发者可能会首先想到使用`Math.round()`函数来四舍五入数值,但这种方法并不总是能得到预期的结果。 `Math...

    JavaScript中判断为整数的多种方式及保留两位小数的方法

    以上是JavaScript中判断整数的多种方式以及如何保留两位小数的具体方法。这些方法在日常开发中都非常实用,可以帮助开发者高效地处理数据类型判断和数字格式化的问题。需要注意的是,不同的方法适用于不同的场景和...

    JS中格式化数字的5个方法

    它能够正确处理负数,并确保结果始终保留两位小数。 #### 参数说明 - `amount`: 需要被格式化的金额数字。 #### 示例代码 ```javascript function CurrencyFormatted(amount) { var i = parseFloat(amount); if ...

    JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去

    格式化数字,最最常见的是格式化金额,一般格式化金额需要千分位分隔,保留2位小数等等。 简单的功能函数 类似的代码网上有很多: /** * 将数值四舍五入(保留2位小数)后格式化成金额形式 * * @param num 数值...

    JavaScript如何实现对数字保留两位小数一位自动补零

    在JavaScript编程中,有时我们需要对数字进行格式化处理,使其保留特定的小数位数,比如两位小数。本文将详细讲解如何实现一个功能,当数字的原本小数位数不足时,自动补零以达到统一的展示效果。我们将通过一个具体...

    JS格式化数字保留两位小数点示例代码

    总结来说,JavaScript中格式化数字保留两位小数点的方法有多种,包括使用`toFixed()`、自定义四舍五入函数、字符串截取以及组合使用`toFixed()`和`parseFloat()`。选择哪种方法取决于你的具体需求,如兼容性、效率和...

    JS保留两位小数,多位小数的示例代码

    本篇文章主要介绍JavaScript中保留两位小数以及保留多位小数的方法。这里提供了几种示例代码来实现上述需求。 首先,我们可以创建一个函数`formatFloat`,这个函数接收两个参数:第一个参数`src`是需要格式化的...

    调整小数的格式保留小数点后两位

    `toFixed(x)` 是JavaScript中用于数字格式化的标准方法,它可以将数字四舍五入到小数点后指定的位数。`original.toFixed(2)` 会返回保留两位小数的字符串,`original.toFixed(1)` 则保留一位小数。这种方法简单易用...

    JS中移除非数字最多保留一位小数

    例如,`toDecimal` 函数实现保留两位小数,而 `toDecimal2` 函数则实现强制保留两位小数并补零。此外,还介绍了一个 `fomatFloat` 函数,它允许指定保留的小数位数,更加灵活。 在实际编程中,这些方法都是非常实用...

    javascript设置金额样式转换保留两位小数示例代码

    在JavaScript中,对金额进行格式化并保留两位小数是一种常见的需求,尤其是在处理货币相关的数据时。为了实现这一功能,开发者通常会编写一个函数来格式化数字,使其以“¥”开头,并且小数点后只保留两位数字,整数...

    文本框只限3位整数,两位小数,拖拽和粘帖屏蔽

    在IT开发领域,尤其是涉及到用户...开发者需要根据具体使用的编程语言和框架选择相应的方法来实现这些需求,确保用户在文本框内输入的数据始终符合三位整数、两位小数的格式,并且不能通过拖放或粘贴操作破坏这一规则。

Global site tag (gtag.js) - Google Analytics