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方法和技巧大全
Dec 27 Javascript
初探jquery——表单应用范例
Feb 20 Javascript
Javascript客户端将指定区域导出到Word、Excel的代码
Oct 22 Javascript
jQuery中校验时间格式的正则表达式小结
Sep 22 Javascript
jquery移除了live()、die(),新版事件绑定on()、off()的方法
Oct 26 Javascript
详解Vue.js动态绑定class
Dec 20 Javascript
js点击任意区域弹出层消失实现代码
Dec 27 Javascript
EasyUI学习之DataGird分页显示数据
Dec 29 Javascript
JS实现常见的查找、排序、去重算法示例
May 21 Javascript
移动端H5页面返回并刷新页面(BFcache)的方法
Nov 06 Javascript
如何使用 vue + d3 画一棵树
Dec 03 Javascript
详解vue高级特性
Jun 09 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
关于crontab的使用详解
2013/06/24 PHP
YII2框架中excel表格导出的方法详解
2017/07/21 PHP
php数据序列化测试实例详解
2017/08/12 PHP
JavaScript While 循环基础教程
2007/04/05 Javascript
在线编辑器中换行与内容自动提取
2009/04/24 Javascript
jquery中 $.expr使用实例介绍
2014/06/09 Javascript
深入讲解AngularJS中的自定义指令的使用
2015/06/18 Javascript
jQuery密码强度检测插件passwordStrength用法实例分析
2015/10/30 Javascript
深入理解jquery自定义动画animate()
2016/05/24 Javascript
JavaScript进阶练习及简单实例分析
2016/06/03 Javascript
js Canvas实现圆形时钟教程
2016/09/19 Javascript
JavaScript之json_动力节点Java学院整理
2017/06/29 Javascript
JavaScript中防止微信浏览器被整体拖动的方法
2017/08/25 Javascript
vue中使用refs定位dom出现undefined的解决方法
2017/12/21 Javascript
详解vue中router-link标签所必备了解的属性
2019/04/15 Javascript
介绍Python中的一些高级编程技巧
2015/04/02 Python
Python 多核并行计算的示例代码
2017/11/07 Python
利用python对Excel中的特定数据提取并写入新表的方法
2018/06/14 Python
在Pycharm中设置默认自动换行的方法
2019/01/16 Python
python利用Opencv实现人脸识别功能
2019/04/25 Python
python 控制Asterisk AMI接口外呼电话的例子
2019/08/08 Python
python数据分析:关键字提取方式
2020/02/24 Python
pyqt5数据库使用详细教程(打包解决方案)
2020/03/25 Python
Python操作Excel把数据分给sheet
2020/05/20 Python
浅谈pycharm导入pandas包遇到的问题及解决
2020/06/01 Python
python+flask编写一个简单的登录接口
2020/11/13 Python
GAP阿联酋官网:GAP UAE
2017/11/30 全球购物
YSL圣罗兰美妆英国官网:Yves Saint Laurent Beauty UK
2019/08/03 全球购物
兰蔻法国官方网站:Lancôme法国
2020/02/22 全球购物
介绍一下Java中标识符的命名规则
2014/02/03 面试题
小学秋季运动会报道稿
2014/09/30 职场文书
2016优秀毕业生个人事迹材料
2016/02/29 职场文书
2016年青少年禁毒宣传教育活动总结(学校)
2016/04/05 职场文书
同学聚会开幕词
2019/04/02 职场文书
十大最强火系宝可梦,喷火龙上榜,第一名有双火属性
2022/03/18 日漫
vue ant design 封装弹窗表单的使用
2022/06/01 Vue.js