js实现数字格式化千分位方法(999,999.55)

1、toLocaleString()

JavaScript内置的方法,根据执行代码的环境的语言设置进行格式化。

let num = 9999;
let formattedNum = num.toLocaleString('en-US', {
  minimumFractionDigits: 2,
  maximumFractionDigits: 2
});
// 参数1 指定使用美式英语格式,参数2 对象参数指定了小数点后保留两位
console.log(formattedNum); // 输出:9,999.00

2、new Intl.NumberFormat()

国际化的数字处理方案,可以把普通的数字,转换成不同的货币和格式样式字符串。

locale 是必传参数(支持不同国家的数字分隔符格式);option 是可选参数是一个对象,style,currency 可以设置货币符号或者精确度计算;unit 是可选参数,可以增加单位(长度单位等)

let num = 9999;
let formattedNum = new Intl.NumberFormat('en-US', {
  minimumFractionDigits: 2,
  maximumFractionDigits: 2,
}).format(num);

console.log(formattedNum); // 输出:9,999.00

3、正则表达式

/**
 * 格子格式化为千分位
 * @param val 当前值字符串
 * @returns 返回处理后的字符串
 * @isFixed 是否固定2位小数,默认固定
 */
export function fmtNumberComma33(val, isFixed2 = true) {
  if (
    (typeof val !== "string" && typeof val !== "number") ||
    val === "" ||
    val === null ||
    val === undefined ||
    val === "-"
  ) {
    return val;
  }
  let v = null;
  if (typeof val == "string") {
    v = Number(val).toFixed(2);
  } else {
    v = val.toFixed(2);
  }

  if (isFixed) {
    v = typeof val == "string" ? Number(val).toFixed(2) : val.toFixed(2);
  } else {
    v = Number(val || 0);
  }
  // 字符串转成数组
  v = v.toString().split(".");
  // \B 匹配非单词边界,两边都是单词字符或者两边都是非单词字符
  v[0] = v[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",");
  // 数组转字符串
  v = v.join(".");
  // 返回结果
  return v;
}

你可能感兴趣的:(vue常用业务需求,JavaScript,javascript,前端,开发语言)