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 相关文章推荐
js将long日期格式转换为标准日期格式实现思路
Apr 07 Javascript
JS模拟自动点击的简单实例
Aug 08 Javascript
js点击出现悬浮窗效果不使用JQuery插件
Jan 20 Javascript
Google Maps基础及实例解析
Aug 06 Javascript
浅谈在fetch方法中添加header后遇到的预检请求问题
Aug 31 Javascript
node打造微信个人号机器人的方法示例
Apr 26 Javascript
微信小程序表单验证form提交错误提示效果
Jun 19 Javascript
详解Vue实战指南之依赖注入(provide/inject)
Nov 13 Javascript
微信小程序点击列表跳转到对应详情页过程解析
Sep 26 Javascript
javascript设计模式 ? 简单工厂模式原理与应用实例分析
Apr 09 Javascript
jenkins自动构建发布vue项目的方法步骤
Jan 04 Vue.js
vue项目打包后路由错误的解决方法
Apr 13 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实现小型站点广告管理
2006/10/09 PHP
php 生成唯一id的几种解决方法
2013/03/08 PHP
基于empty函数的输出详解
2013/06/17 PHP
php 修改、增加xml结点属性的实现代码
2013/10/22 PHP
ThinkPHP中的常用查询语言汇总
2014/08/22 PHP
PHP For循环字母A-Z当超过26个字母时输出AA,AB,AC
2020/02/16 PHP
jQuery过滤选择器用法分析
2015/02/10 Javascript
使用AngularJS实现表单向导的方法
2015/06/19 Javascript
JS模式之简单的订阅者和发布者模式完整实例
2015/06/30 Javascript
jQuery中队列queue()函数的实例教程
2016/05/03 Javascript
Bootstrap菜单按钮及导航实例解析
2016/09/09 Javascript
实例讲解JavaScript中call、apply、bind方法的异同
2016/09/13 Javascript
JS使用cookie实现只出现一次的广告代码效果
2017/04/22 Javascript
微信小程序picker组件下拉框选择input输入框的实例
2017/09/20 Javascript
微信小程序网络请求封装示例
2018/07/24 Javascript
vue如何安装使用Quill富文本编辑器
2018/09/21 Javascript
微信小程序自定义轮播图
2018/11/04 Javascript
vue使用localStorage保存登录信息 适用于移动端、PC端
2019/05/27 Javascript
一步一步实现Vue的响应式(对象观测)
2019/09/02 Javascript
python中验证码连通域分割的方法详解
2018/06/04 Python
python 字符串和整数的转换方法
2018/06/25 Python
对python GUI实现完美进度条的示例详解
2018/12/13 Python
Python 正则表达式匹配字符串中的http链接方法
2018/12/25 Python
python右对齐的实例方法
2020/07/05 Python
利用python清除移动硬盘中的临时文件
2020/10/28 Python
pip install命令安装扩展库整理
2021/03/02 Python
html5使用canvas绘制文字特效
2014/12/15 HTML / CSS
中兴通讯全球官方网站:ZTE
2020/12/26 全球购物
岗位职责怎么写
2014/03/14 职场文书
内衣营销方案
2014/03/15 职场文书
百年校庆节目主持词
2014/03/27 职场文书
就业协议书怎么填
2014/04/11 职场文书
松材线虫病防治方案
2014/06/15 职场文书
标准毕业生自荐信
2014/06/24 职场文书
单位个人查摆问题及整改措施
2014/10/28 职场文书
建国大业电影观后感
2015/06/01 职场文书