javascript 数字格式化输出的实现代码

 更新时间:2013年12月10日 10:06:47   作者:  
这篇文章主要是对javascript中数字格式化输出的实现代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
复制代码 代码如下:

<script type="text/javascript">
var format = function (number, form) {
    var forms = form.split('.'), number = '' + number, numbers = number.split('.')
        , leftnumber = numbers[0].split('')
        , exec = function (lastMatch) {
            if (lastMatch == '0' || lastMatch == '#') {
                if (leftnumber.length) {
                    return leftnumber.pop();
                } else if (lastMatch == '0') {
                    return lastMatch;
                } else {
                    return '';
                }
            } else {
                return lastMatch;
            }
    }, string

    string = forms[0].split('').reverse().join('').replace(/./g, exec).split('').reverse().join('');
    string = leftnumber.join('') + string;

    if (forms[1] && forms[1].length) {
        leftnumber = (numbers[1] && numbers[1].length) ? numbers[1].split('').reverse() : [];
        string += '.' + forms[1].replace(/./g, exec);
    }
    return string.replace(//.$/, '');
};
alert(format(123, '#.00'))                         //输出   123.00
alert(format(123, '0.##'))                         //输出   123
alert(format(123, '0000.00 '))                     //输出   0123.00
alert(format(123456, '###,###.00'))                //输出   123,456.00
</script>

相关文章

  • 详解JS中Array对象扩展与String对象扩展

    详解JS中Array对象扩展与String对象扩展

    这篇文章主要介绍了详解JS中Array对象扩展与String对象扩展的相关资料,需要的朋友可以参考下
    2016-01-01
  • Javascript图像处理思路及实现代码

    Javascript图像处理思路及实现代码

    HTML5的canvas提供了getImageData接口来获取canvas中的数据,所以我们能够先用drawImage接口将图片画在canvas上然后再通过getImageData得到图片数据矩阵,需要了解的朋友可以详细参考下
    2012-12-12
  • 原生JS与CSS实现软件卸载对话框功能

    原生JS与CSS实现软件卸载对话框功能

    今天给大家分享一个特别有意思的软件卸载对话框功能,本段代码是基于js 与css实现的,感兴趣的朋友跟随小编一起看看吧
    2019-12-12
  • js知识点总结之getComputedStyle的用法

    js知识点总结之getComputedStyle的用法

    getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值,下面这篇文章主要给大家介绍了关于js知识点总结之getComputedStyle用法的相关资料,需要的朋友可以参考下
    2022-10-10
  • JS出现404错误原理及解决方案

    JS出现404错误原理及解决方案

    这篇文章主要介绍了JS出现404错误原理及解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07
  • JavaScript中的定时器之Item23的合理使用

    JavaScript中的定时器之Item23的合理使用

    window对象提供了两个方法来实现定时器的效果,分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行;而后者则可以使一段代码每过指定时间就运行一次
    2015-10-10
  • js简单判断移动端系统的方法

    js简单判断移动端系统的方法

    这篇文章主要介绍了js简单判断移动端系统的方法,通过JavaScript的navigator.userAgent相关属性判断访问端的系统类型,非常简单实用,需要的朋友可以参考下
    2016-02-02
  • VSCode 配置uni-app的方法

    VSCode 配置uni-app的方法

    这篇文章主要介绍了VSCode 配置uni-app的方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-07-07
  • Echarts图表如何利用formatter自定义tooltip的内容和样式

    Echarts图表如何利用formatter自定义tooltip的内容和样式

    这篇文章主要给大家介绍了关于Echarts图表如何利用formatter自定义tooltip的内容和样式的相关资料,echarts的图表配置非常的灵活自由,但是不熟悉的时候容易不知道怎么配置,需要的朋友可以参考下
    2023-06-06
  • el-date-picker 限制开始时间和结束时间的代码实现

    el-date-picker 限制开始时间和结束时间的代码实现

    在Vue.js中使用Element UI库的el-date-picker组件时,可以通过设置picker-options来限制开始时间和结束时间的选择范围,下面通过例子介绍el-date-picker 限制开始时间和结束时间的实现,感兴趣的朋友一起看看吧
    2024-08-08

最新评论