javascript对数字进行处理，以便更加直观的显示内容

后台系统经常需要对数据进行展示，尤其是遇到数字的时候，数字大一点后，就会发现数字难一眼看出来。非常迫切的想对数字格式化一下。我是这样做的，添加一个numeral-mask的class.然后使用js处理。

function formatNumber(num) {
    if(num >= 1000000) return (num / 1000000).toFixed(1) + '百万';
    if(num >= 10000) return (num / 10000).toFixed(1) + '万';
    if(num >= 1000) return (num / 1000).toFixed(1) + '千';
    return num;
}

var value = document.querySelector('.numeral-mask').innerText;
value = parseFloat(value.replace(/,/g, '')); // 去除可能存在的逗号

if (!isNaN(value)) {
  var formattedValue = formatNumber(value);
  document.querySelector('.numeral-mask').innerText = formattedValue;
}

javascript 就将{{$data.Cap}} 中的值，如果是数字的话，缩写为千，万，百万。当然自己用千位分隔符的方式显示也没有问题。