数字实现千分符号 ----- 一眼懂

212 阅读1分钟

I am a 山顶洞人

直接安排代码,具体代码中有注释

/**
 * 数字金额千分号
 * @param {Object} value 当前数字值
 * 
 */
export function  ConvertDigital(value) {
    if (!value) return 0;
    // 获取整数部分
    const intPart = Math.trunc(value);
    // 整数部分处理,增加,
    const intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, "$1,");
    // 预定义小数部分
    let floatPart = "";
    // 将数值截取为小数部分和整数部分
    const valueArray = value.toString().split(".");
    if (valueArray.length === 2) {
      // 有小数部分
      floatPart = valueArray[1].toString(); // 取得小数部分
      return intPartFormat + "." + floatPart;
    }
    return intPartFormat + floatPart;
  }

在 main.js 引入

import {ConvertDigital} from "@/方法目标文件地址"

并挂载全局

Vue.prototype.ConvertDigital = ConvertDigital

使用方法 挂在后,可在全局访问

this.ConvertDigital( value ) // this 调用,输入数值即可

console.log('初来乍到,感谢你们')