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


Posted in Javascript onJanuary 12, 2011

在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
相关文档下载

Javascript 相关文章推荐
用Javascript实现UTF8编码转换成gb2312编码
Dec 22 Javascript
javascript Math.random()随机数函数
Nov 04 Javascript
jQuery 中使用JSON的实现代码
Dec 01 Javascript
jquery解决图片路径不存在执行替换路径
Feb 06 Javascript
jquery放大镜效果超漂亮噢
Nov 15 Javascript
Javascript设置对象的ReadOnly属性(示例代码)
Dec 25 Javascript
Javascript代码实现仿实例化类
Apr 03 Javascript
AngularJS控制器之间的通信方式详解
Nov 03 Javascript
Vue中常用rules校验规则(实例代码)
Nov 14 Javascript
js将URL网址转为16进制加密与解密函数
Mar 04 Javascript
解决Antd Table组件表头不对齐的问题
Oct 27 Javascript
Vue的生命周期一起来看看
Feb 24 Vue.js
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
Jan 12 #Javascript
克隆javascript对象的三个方法小结
Jan 12 #Javascript
JavaScript中两种链式调用实现代码
Jan 12 #Javascript
Chrome中JSON.parse的特殊实现
Jan 12 #Javascript
js中将字符串转换成json的三种方式
Jan 12 #Javascript
Javascript在IE下设置innerHTML时出现未知的运行时错误的解决方法
Jan 12 #Javascript
基于JQuery实现相同内容合并单元格的代码
Jan 12 #Javascript
You might like
浅谈PHP强制类型转换,慎用!
2013/06/06 PHP
基于递归实现的php树形菜单代码
2014/11/19 PHP
PHP实现指定字段的多维数组排序函数分享
2015/03/09 PHP
利用“多说”制作留言板、评论系统
2015/07/14 PHP
浅谈PHP Cookie处理函数
2016/06/10 PHP
PHP对象相关知识总结
2017/04/09 PHP
phpStudy 2016 使用教程详解(支持PHP7)
2017/10/18 PHP
某页码显示的helper 少量调整,另附js版
2010/09/12 Javascript
div失去焦点事件实现思路
2014/04/22 Javascript
jQuery定义背景动态切换效果的方法
2015/03/23 Javascript
AngularJS 模块化详解及实例代码
2016/09/14 Javascript
微信小程序之小豆瓣图书实例
2016/11/30 Javascript
详解Node中导入模块require和import的区别
2017/08/11 Javascript
JS实现的找零张数最小问题示例
2017/11/28 Javascript
Vue-路由导航菜单栏的高亮设置方法
2018/03/17 Javascript
官方推荐react-navigation的具体使用详解
2018/05/08 Javascript
小程序实现录音上传功能
2019/11/22 Javascript
JavaScript实现烟花绽放动画效果
2020/08/04 Javascript
[03:02]生活中的Dendi之野外度假篇
2016/08/09 DOTA
[01:00:59]VP VS VG Supermajor小组赛胜者组第二轮 BO3第二场 6.2
2018/06/03 DOTA
在Docker上部署Python的Flask框架的教程
2015/04/08 Python
在Django框架中编写Context处理器的方法
2015/07/20 Python
12步教你理解Python装饰器
2016/02/25 Python
python正则表达式面试题解答
2020/04/28 Python
对python numpy.array插入一行或一列的方法详解
2019/01/29 Python
python地震数据可视化详解
2019/06/18 Python
python读取Kafka实例
2019/12/23 Python
Python3爬虫里关于识别微博宫格验证码的知识点详解
2020/07/30 Python
Python3如何使用tabulate打印数据
2020/09/25 Python
请编程遍历页面上所有 TextBox 控件并给它赋值为 string.Empty
2015/12/03 面试题
双创工作实施方案
2014/03/26 职场文书
师范生见习报告范文
2014/11/03 职场文书
小爸爸观后感
2015/06/15 职场文书
教你用python控制安卓手机
2021/05/13 Python
理解python中装饰器的作用
2021/07/21 Python
解决pycharm下载库时出现Failed to install package的问题
2021/09/04 Python