封装金额每隔三位自动加逗号并且自定义保留几位小数

首先看下效果

我对这个方法进行了封装，之后可以直接在项目使用

首先安装2个插件

yarn add lodash
yarn add bignumber.js

实际代码如下:

export const formatNumber = (
  value: BigNumber.Value,
  decimalPlaces?: number,
  roundingMode?: BigNumber.RoundingMode,
  config?: BigNumber.Format,
) => {
  if (!_.isNumber(value)) {
    return '';
  }
  return new BigNumber(value).toFormat(decimalPlaces, roundingMode, config);
};

export const formatMoney = (
  value,
  config?: {
    unit?: string;
    space?: boolean;
    decimalPlaces?: number;
  },
) => {
  const { unit = '', space = false, decimalPlaces = 4 } = config || {};
  return formatNumber(value, decimalPlaces, null, {
    decimalSeparator: '.',
    groupSeparator: ',',
    groupSize: 3,
    secondaryGroupSize: 0,
    fractionGroupSeparator: ' ',
    fractionGroupSize: 0,
    suffix: '',
    prefix: `${unit}${space ? ' ' : ''}`,
  });
};

项目中使用就更简单了

formatMoney(100)

后面还有参数，你们估计用不到，decimalPlaces参数可能用的到，这个是保留几位小数