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关闭浏览器窗口及检查浏览器关闭事件
Sep 03 Javascript
JavaScript实现点击单选按钮改变输入框中文本域内容的方法
Aug 12 Javascript
解析JavaScript模仿块级作用域
Dec 29 Javascript
React Router基础使用
Jan 17 Javascript
利用策略模式与装饰模式扩展JavaScript表单验证功能
Feb 14 Javascript
详解Angularjs 如何自定义Img的ng-load 事件
Feb 15 Javascript
详解webpack-dev-server的简单使用
Apr 02 Javascript
webpack 样式加载的实现原理
Jun 12 Javascript
Vue面试题及Vue知识点整理
Oct 07 Javascript
小程序扫描普通链接二维码跳转小程序指定界面方法
May 07 Javascript
js实现自定义右键菜单
May 18 Javascript
vue3获取当前路由地址
Feb 18 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
各种咖啡的英文名子是什么
2021/03/03 新手入门
ecshop 订单确认中显示省市地址信息的方法
2010/03/15 PHP
Wordpress 相册插件 NextGEN-Gallery 添加目录将中文转为拼音的解决办法
2010/12/29 PHP
实现获取http内容的php函数分享
2014/02/16 PHP
php中ltrim()、rtrim()与trim()删除字符空格实例
2014/11/25 PHP
php实现微信企业转账功能
2018/10/02 PHP
PHP 模拟登陆功能实例详解
2019/09/10 PHP
jQuery 仿百度输入标签插件附效果图
2014/07/04 Javascript
jQuery中:disabled选择器用法实例
2015/01/04 Javascript
浅析JavaScript中的array数组类型系统
2016/07/18 Javascript
Websocket协议详解及简单实例代码
2016/12/12 Javascript
NPM 安装cordova时警告:npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to
2016/12/20 Javascript
详解AngularJS验证、过滤器、指令
2017/01/04 Javascript
Vue动态实现评分效果
2017/05/24 Javascript
把JavaScript代码改成ES6语法不完全指南(分享)
2017/09/10 Javascript
JavaScript 数组的进化与性能分析
2017/09/18 Javascript
浅谈Node.js CVE-2017-14849 漏洞分析(详细步骤)
2017/11/10 Javascript
Angular2开发环境搭建教程之VS Code
2017/12/15 Javascript
使用vue实现grid-layout功能实例代码
2018/01/05 Javascript
详解小程序input框失焦事件在提交事件前的处理
2019/05/05 Javascript
详解vue之自行实现派发与广播(dispatch与broadcast)
2021/01/19 Vue.js
Python3读取UTF-8文件及统计文件行数的方法
2015/05/22 Python
TensorFlow 模型载入方法汇总(小结)
2018/06/19 Python
python读csv文件时指定行为表头或无表头的方法
2019/06/26 Python
Python如何实现小程序 无限求和平均
2020/02/18 Python
Django视图类型总结
2021/02/17 Python
C++程序员求职信范文
2014/04/14 职场文书
成绩单家长评语大全
2014/04/16 职场文书
2014年图书馆工作总结
2014/11/25 职场文书
齐云山导游词
2015/02/06 职场文书
2015公司年度工作总结
2015/05/14 职场文书
十月围城观后感
2015/06/08 职场文书
电影红河谷观后感
2015/06/11 职场文书
何玥事迹观后感
2015/06/16 职场文书
python numpy中setdiff1d的用法说明
2021/04/22 Python
详解Redis的三种常用的缓存读写策略步骤
2022/05/06 Redis