JavaScript数字格式化：原生方法与自定义类详解

JavaScript数字格式化概述

在JSP页面开发中，通常可以使用<fmt:formatNumber>标签对数字进行格式化操作。

在JavaScript前端开发中，同样存在对数字进行格式化输出的需求。

JavaScript语言本身提供了对数字进行格式化输出的基础支持。

原生Number对象格式化方法

Number对象内置了多种用于格式化输出的方法，具体如下：

toExponential([fractionDigits])：该方法将数字转换为科学计数法格式返回，其中fractionDigits参数指定小数点后保留的位数。

toFixed([fractionDigits])：该方法将数字转换为指定小数位数的字符串返回，其中fractionDigits参数指定小数点后保留的位数。

toPrecision([precision])：该方法将数字转换为指定精度的字符串返回。需要注意的是，这里的precision指的是总的有效数字位数，而非仅小数点后的位数。

定义一个测试数字变量：var num=56.45678;

调用toExponential方法保留两位小数：var rs1=num.toExponential(2);此时rs1的值为5.65e+1。

调用toFixed方法保留两位小数：var rs2=num.toFixed(2);此时rs2的值为56.45。

调用toPrecision方法保留两位有效数字：var rs3=num.toPrecision(2);此时rs3的值为56。

尽管Number对象提供的上述方法能解决部分数字转换问题，但在处理如百分号等特殊格式化需求时仍显不足。

使用JsJava DecimalFormat类进行高级格式化

为解决上述局限并提供更强大、灵活的数字格式化能力，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

相关文档下载