zoukankan      html  css  js  c++  java
  • JS格式化数字(每三位加逗号)

     方法一

    function toThousands(num) {
    var result = [ ], counter = 0;
    num = (num || 0).toString().split('');
    for (var i = num.length - 1; i >= 0; i--) {
    counter++;
    result.unshift(num[i]);
    if (!(counter % 3) && i != 0) { result.unshift(','); }
    }
    return result.join('');
    }

    方法一的执行过程就是把数字转换成字符串后,打散为数组,再从末尾开始,逐个把数组中的元素插入到新数组(result)的开头。每插入一个元素,counter就计一次数(加1),当counter为3的倍数时,就插入一个逗号,但是要注意开头(i为0时)不需要逗号。最后通过调用新数组的join方法得出结果。
    方法一比较清晰易懂,也在项目中用了一段时间。但是直觉告诉我,它的性能并不好。

     方法二

    function toThousands(num) {
    var result = '', counter = 0;
    num = (num || 0).toString();
    for (var i = num.length - 1; i >= 0; i--) {
    counter++;
    result = num.charAt(i) + result;
    if (!(counter % 3) && i != 0) { result = ',' + result; }
    }
    return result;
    }

    方法二是方法一的改良版,不把字符串打散为数组,始终对字符串操作。

    方法三 - 循环匹配末尾的三个数字

    function toThousands(num) {
    var num = (num || 0).toString(), re = /d{3}$/, result = '';
    while ( re.test(num) ) {
    result = RegExp.lastMatch + result;
    if (num !== RegExp.lastMatch) {
    result = ',' + result;
    num = RegExp.leftContext;
    } else {
    num = '';
    break;
    }
    }
    if (num) { result = num + result; }
    return result;
    }

    方法三是完全不同的算法,通过正则表达式循环匹配末尾的三个数字,每匹配一次,就把逗号和匹配到的内容插入到结果字符串的开头,然后把匹配目标(num)赋值为还没匹配的内容(RegExp.leftContext)。此外,还要注意:

    1.如果数字的位数是3的倍数时,最后一次匹配到的内容肯定是三个数字,但是最前面的三个数字前不需要加逗号;
    2.如果数字的位数不是3的倍数,那num变量最后肯定会剩下1到2个数字,循环过后,要把剩余的数字插入到结果字符串的开头。

    虽然方法三减少了循环次数(一次循环处理三个字符),但由于用到了正则表达式,一定程度上增加了消耗。

    方法四 - 方法三的字符串版

    function toThousands(num) {
    var num = (num || 0).toString(), result = '';
    while (num.length > 3) {
    result = ',' + num.slice(-3) + result;
    num = num.slice(0, num.length - 3);
    }
    if (num) { result = num + result; }
    return result;
    }

    事实上,截取末尾三个字符的功能可以通过字符串类型的slice、substr或substring方法做到。这样就可以避免使用正则表达式。

     方法五 - 分组合并法

    function toThousands(num) {
    var num = (num || 0).toString(), temp = num.length % 3;
    switch (temp) {
    case 1:
    num = '00' + num;
    break;
    case 2:
    num = '0' + num;
    break;
    }
    return num.match(/d{3}/g).join(',').replace(/^0+/, '');
    }

    先把数字的位数补足为3的倍数,通过正则表达式,将其切割成每三个数字一个分组,再通过join方法添加逗号,最后还要把补的0移除。

    方法六 - 懒人法

    function toThousands(num) {
    return (num || 0).toString().replace(/(d)(?=(?:d{3})+$)/g, '$1,');
    }

    一直觉得这个格式化是可以通过一条正则表达式替换做出来的,但是需要用到断言等写法,无奈自己对这部分不太熟。Google了一下,还真找到了这么一条正则表达式,这估计是代码最短的实现。

  • 相关阅读:
    cmanformat
    mysql-sql语言参考
    jQuery 判断多个 input checkbox 中至少有一个勾选
    Java实现 蓝桥杯 算法提高 计算行列式
    Java实现 蓝桥杯 数独游戏
    Java实现 蓝桥杯 数独游戏
    Java实现 蓝桥杯 数独游戏
    Java实现 蓝桥杯 算法提高 成绩排序2
    Java实现 蓝桥杯 算法提高 成绩排序2
    Java实现 蓝桥杯 算法提高 成绩排序2
  • 原文地址:https://www.cnblogs.com/chenyablog/p/11892653.html
Copyright © 2011-2022 走看看