美文网首页
【基础知识】js 金额如何正确的显示成千分符

【基础知识】js 金额如何正确的显示成千分符

作者: 前端菜篮子 | 来源:发表于2020-09-25 14:59 被阅读0次
//num请以字符串形式传入
function moneyFormat(num){
    if(!num){
        return ''
    }
    num=num.split(".");  // 分隔小数点
    var arr=num[0].split("").reverse();  // 转换成字符数组并且倒序排列
    var res=[];
    for(var i=0,len=arr.length;i<len;i++){
      if(i%3===0&&i!==0){
         res.push(",");   // 添加分隔符
      }
      res.push(arr[i]);
    }
    res.reverse(); // 再次倒序成为正确的顺序
    if(num[1]){  // 如果有小数的话添加小数部分
        res=res.join("").concat("."+num[1]);
    }else{
        res=res.join("");
    }
    return res;
}

步骤:

  • 把字符串形式的金额传入,整数部分和小数部分分割,
  • 整数部分转换成数组并倒序排列,
  • 然后将数组以3个一组追加逗号,
  • 数组拼接成回一个以逗号分割的字符串后再倒回来,
  • 加上小数点,加上小数 即可

特别说明:后台数据返回时,金额数据请以字符串形式返回
该函数中的num,是字符串,要不然小数多了精度不对哦

相关文章

网友评论

      本文标题:【基础知识】js 金额如何正确的显示成千分符

      本文链接:https://www.haomeiwen.com/subject/lwjfuktx.html