js对数字的格式化使用说明

 更新时间:2011年01月12日 22:04:26   作者:  
Javascript也提供了对数字进行格式化输出的支持,需要的朋友可以参考下。
在jsp页面上可以使用<fmt:------对数字对行格式化

在js中----------

Javascript也提供了对数字进行格式化输出的支持

Number对象提供的几种格式化函数:

toExponential([fractionDigits]) :将数字按科学计数法格式返回,其中的fractionDigits值小数点后保留的位数。
toFixed([fractionDigits]) :将数字按指定的小数点位数返回,其中的fractionDigits值小数点后保留的位数。
toPrecision([precision]) :将数字按指定的精度返回(这个精度不是指小数点后几位),其中precision是指定的精度值。

var num=56.45678;
var rs1=num.toExponential(2);//rs1的值为5.65e+1
var rs2=num.toFixed(2);//rs的值为56.45
var rs3=num.toPrecision(2);//rs的值为56



虽然说Number对象提供的这些方法能够解决不少的数字转化问题,但是对于许多情况还是不好满足的,例如对百分号的支持等等。

为了解决这个问题,并提供更为强大和灵活的数字格式化要求,JsJava专门提供了的Javascript自定义类来进行支持,你可以下载jsjava-1.0.js,引用其中的src/jsjava/text/NumberFormat.js或者直接引用jslib/jsjava-1.0.js,举例如下:
复制代码 代码如下:

<script src="js/jsjava/text/NumberFormat.js"></script>
<script src="js/jsjava/lang/StringBuffer.js"></script>
<script src="js/jsjava/lang/IllegalArgumentException.js"></script>
<script>
var nf=new DecimalFormat();
nf.applyPattern("000.000%");
var res=nf.format(-0.893566);
document.write(res+"<br>");
nf.applyPattern("0000.00");
var res=nf.format(-53.385967);
document.write(res+"<br>");
nf.applyPattern("0000.000E00");
var res=nf.format(53.385967);
document.write(res+"<br>");
</script>

显示结果为:

-89.357%
-53.39
5338.597e-2
相关文档下载

相关文章

  • es6的数字处理的方法(5个)

    es6的数字处理的方法(5个)

    本文主要介绍了es6的数字处理的方法。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • 浅谈js在html中的加载执行顺序,多个jquery ready执行顺序

    浅谈js在html中的加载执行顺序,多个jquery ready执行顺序

    下面小编就为大家带来一篇浅谈js在html中的加载执行顺序,多个jquery ready执行顺序。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • js中switch语句的学习笔记

    js中switch语句的学习笔记

    在本文里小编给各位分享的是关于js中switch语句的使用方法及学习笔记内容,有兴趣的朋友们可以参考下。
    2020-03-03
  • JavaScript中保留小数点后N位方法总结

    JavaScript中保留小数点后N位方法总结

    这篇文章主要为大家详细介绍了JavaScript中保留小数点后N位的几个常用方法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起了解一下
    2023-06-06
  • JavaScript队列的应用实例详解【经典数据结构】

    JavaScript队列的应用实例详解【经典数据结构】

    这篇文章主要介绍了JavaScript队列的应用,简单讲述了队列的概念并结合实例形式分析了基于javascript队列排队问题解决方法,需要的朋友可以参考下
    2017-04-04
  • JS中令人发指的valueOf方法介绍

    JS中令人发指的valueOf方法介绍

    近期月报里提到了valueOf方法,兴致来了翻了下ECMA5里关于valueOf方法的介绍真是令人发指啊,不可思议的朋友可以参考下啊
    2013-02-02
  • JS Select下拉框(支持输入模糊查询)

    JS Select下拉框(支持输入模糊查询)

    这篇文章主要为大家详细介绍了JS Select下拉框的相关资料,支持输入模糊查询,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • 如何从JavaScript数组中删除空对象

    如何从JavaScript数组中删除空对象

    JS中数组是我们较为常用的一种数据结构,下面这篇文章主要给大家介绍了关于如何从JavaScript数组中删除空对象的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-05-05
  • 纯JS实现弹性导航条效果

    纯JS实现弹性导航条效果

    本文主要介绍了纯JS实现弹性导航条效果的实例,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • 5分钟快速看懂ES6中的反射与代理

    5分钟快速看懂ES6中的反射与代理

    这篇文章主要给大家介绍了如何通过5分钟快速看懂ES6中的反射与代理的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用ES6具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-12-12

最新评论