数字每三位添加一个 ',' 的不一样实现方式

处理数值,为每三位数加一个逗号,兼容浮点型数值正则表达式

1234567.123412345678为例code

  • 经过内置方法实现
function addComma(num = 0){
        let temps = num.toString().split('.'), //处理浮点数的状况,整数时会返回原数值
            target = temps[0].split('').reverse(), //倒序
            lastIndex = target.length;
        return target.map((item,index) => { 
                        //第三个就增长一个',',要注意最后一个数字不添加
                        return ((index+1) % 3 === 0 && (index !== lastIndex - 1)) ? (','+ item) : item;
                    })
                    .reverse() //倒序回来
                    .join('') + (temps[1] ? '.' + temps[1] : ''); //若是是浮点数,就再加上小数部分
    }

    addComma(1234567.1234) //1,234,567.1234
    addComma(12345678)     //12,345,678
  • 经过正则表达式
function addComma(num = 0){
        let reg = num.toString().indexOf('.') > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(\d{3})+$)/g;

        return num.toString().replace(reg,'$1,');
    }

    addComma(1234567.1234) //1,234,567.1234
    addComma(12345678)     //12,345,678

利用正则表达式来处理的思路:字符串

  • 整数和浮点数是有差异的,整数从最右边开始算,浮点数要从小数点'.'开始算
  • 字符串分为两部分,右边是3*n位数字,左边的部分添加','。n = {1,}

右边的部分很好匹配:/(\d{3})+/ , 再加上开始算的符号,浮点数要加上 \..匹配除换行符以外的任何单个字符,加上\.转义,就是匹配'.')。整数加上$结束符。get

左边的部分,必须依赖于右边的部分。好比说必须右边有三位,左边才会匹配成功,加一个','。就须要用到?=正向确定查找(x(?=y)仅当x后面跟着y时才会匹配x)。(\d)(?=y) y就是右边的部分。it

再加上全局搜索的标志 g,否则只会匹配一组,只加一个','。io

相关文章
相关标签/搜索