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 实现对象 匀速/变速运动的方法
May 08 Javascript
node.js中的fs.rmdirSync方法使用说明
Dec 16 Javascript
javascript实现密码强度显示
Mar 18 Javascript
基于jQuery插件实现环形图标菜单旋转切换特效
May 15 Javascript
jQuery的bind()方法使用详解
Jul 15 Javascript
JavaScript中0和&quot;&quot;比较引发的问题
May 26 Javascript
详解angular中通过$location获取路径(参数)的写法
Mar 21 Javascript
Angularjs的键盘事件的绑定
Jul 27 Javascript
jQuery自动或手动图片切换效果
Oct 11 jQuery
深入理解Node module模块
Mar 26 Javascript
微信小程序实现收藏与取消收藏切换图片功能
Aug 03 Javascript
理解JavaScript中的Proxy 与 Reflection API
Sep 21 Javascript
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异
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之require/include顺序 推荐
2011/01/02 PHP
PHP正则匹配日期和时间(时间戳转换)的实例代码
2016/12/14 PHP
php 开发中加密的几种方法总结
2017/03/22 PHP
修改或扩展jQuery原生方法的代码实例
2015/01/13 Javascript
深入理解JavaScript系列(17):面向对象编程之概论详细介绍
2015/03/04 Javascript
深入浅出理解javaScript原型链
2015/05/09 Javascript
jquery实现浮动在网页右下角的彩票开奖公告窗口代码
2015/09/04 Javascript
jquery实现文本框textarea自适应高度
2016/03/09 Javascript
全面解析DOM操作和jQuery实现选项移动操作代码分享
2016/06/07 Javascript
JavaScript数组去重由慢到快由繁到简(优化篇)
2016/08/26 Javascript
详解angularJs指令的3种绑定策略
2017/04/13 Javascript
js模拟百度模糊搜索的实例
2017/08/04 Javascript
Mobile Web开发基础之四--处理手机设备的横竖屏问题
2017/08/11 Javascript
详解如何解决Vue和vue-template-compiler版本之间的问题
2018/09/17 Javascript
如何在Node和浏览器控制台中打印彩色文字
2020/01/09 Javascript
原生JavaScript之es6中Class的用法分析
2020/02/23 Javascript
Python调用C语言开发的共享库方法实例
2015/03/18 Python
Python多线程结合队列下载百度音乐的方法
2015/07/27 Python
Python使用logging结合decorator模式实现优化日志输出的方法
2016/04/16 Python
HTML中使用python屏蔽一些基本功能的方法
2017/07/07 Python
2018年Python值得关注的开源库、工具和开发者(总结篇)
2018/01/04 Python
解决python xlrd无法读取excel文件的问题
2018/12/25 Python
Python异常处理知识点总结
2019/02/18 Python
python 定时器,轮询定时器的实例
2019/02/20 Python
基于Python正确读取资源文件
2020/09/14 Python
CSS3实现苹果手机解锁的字体闪亮效果示例
2021/01/05 HTML / CSS
多视角3D逼真HTML5水波动画
2016/03/03 HTML / CSS
英国最大的独立玩具专卖店:The Entertainer
2019/09/06 全球购物
小学英语教学反思案例
2014/02/04 职场文书
市政管理求职信范文
2014/05/07 职场文书
国旗下的演讲稿
2014/05/08 职场文书
软件售后服务承诺书
2014/05/21 职场文书
2014年文艺部工作总结
2014/11/17 职场文书
Python Matplotlib库实现画局部图
2021/11/17 Python
CSS3实现360度循环旋转功能
2022/02/12 HTML / CSS
vue组件冲突之引用另一个组件出现组件不显示的问题
2022/04/13 Vue.js