js处理价格数据，每三位加逗号，强制保留两位小数

需求说明：页面发送请求，需要显示商品的价格，后台从数据库中将价格取出，js处理价格数据，使用金额的标准格式将价格展示在前台。

如下图所示：

数据库存的数据如下：

前台得到的价格数据，如果小数为0的话会自动省略，这样就导致前台不能展示理想的价格数据。这里，笔者就按照财务对价格的标准写法在js中处理好价格数据然后再展示。

分析：目前主流的价格表示方法，第一，小数精确到分，即保留两位小数，如果价格数据是一个整数的话，就添加.00，即所有的价格都强制保留两位小数。第二，整数部分从右向左每隔三位添加一个逗号。这样显示的价格有模有样，一目了然，格式整齐。

定义一个有参的函数封装价格转换方法，传的参数即为需要转换的价格，需要转换价格时直接调用这个函数即可。

js函数代码如下：

//价格处理
function priceSwitch(x) {
    //强制保留两位小数
    var f = parseFloat(x);
    if (isNaN(f)) return false;
    var f = Math.round(x * 100) / 100;
    var s = f.toString();
    var rs = s.indexOf('.');
    if (rs < 0) {
        rs = s.length;
        s += '.';
    }
    while (s.length < (rs + 1) + 2) {
        s += '0';
    }
    //每三位用一个逗号隔开
    var leftNum=s.split(".")[0];
    var rightNum="."+s.split(".")[1];
    var result;
    //定义数组记录截取后的价格
    var resultArray=new Array();
    if(leftNum.length>3){
        var i=true;
        while (i){
            resultArray.push(leftNum.slice(-3));
            leftNum=leftNum.slice(0,leftNum.length-3);
            if(leftNum.length<4){
                i=false;
            }
        }
        //由于从后向前截取，所以从最后一个开始遍历并存到一个新的数组，顺序调换
        var sortArray=new Array();
        for(var i=resultArray.length-1;i>=0;i--){
            sortArray.push(resultArray[i]);
        }
        result=leftNum+","+sortArray.join(",")+rightNum;
    }else {
        result=s;
    }
    return result;
}

示例：

该函数最关键之处就是字符串截取和新的字符串重新排列组合。