数字格式化 1234567890 转换 1,234,567,890(千分位),各种骚操作

1,354 阅读1分钟

1、普通版

// 数字格式化 1234567890 --> 1,234,567,890
function formatNumber(str){
    var arr = [];
    var count = str.length;
    while(count>=3){
        arr.unshift(str.slice(count - 3, count));
        count -= 3;
    }
    // 如果是不是3的倍数就另外追加到上去
    str.length % 3 && arr.unshift(str.slice(0, str.length % 3));
    return arr.toString();
}
formatNumber('1234567890')

2、进阶版

// 2、进阶版
function formatNumber(str){
    return str.split("").reverse().reduce((prev,next,index) => {
        return ((index%3)? next: (next+',')) + prev;
    })
}
formatNumber("1234567890");

3、正则版

function formatNumber(str){    return str.replace(/(?!^)(?=(\d{3})+$)/g,',')}formatNumber("1234567890");

我们来看看正则的分析:

(1)/(?!^)(?=(d{3})+b)/g:匹配的这个位置不能是开头(?!^)

(2)(d{3})+:必须是1个或者多个的3个连续数字

4、API版本

(1234567890).toLocaleString('en-us');(1234567890).toLocaleString();1234567890..toLocaleString();

你可能还不知道 JavaScript 的 toLocaleString 还可以这么玩。

123456789..toLocaleString('zh-hans-cn-u-nu-hanidec',{useGrouping: false}); //"一二三四五六七八九"
123456789..toLocaleString('zh-hans-cn-u-nu-hanidec',{useGrouping: true}); //"一二三,四五六,七八九"
new Date().toLocaleString('zh-hans-cn-u-nu-hanidec'); //"二〇一九/五/二九 下午三:一五:四〇"