Getting Started / 开始 Array / 数组 Number / 数字处理 Call / 调用 Datetime / 时间处理 Debounce / 防抖 EventEmitter / 订阅发布 Filter / 过滤器 Generation / 数据产出 Money / 金钱处理基准单位 BASIC_UNIT 设置基准单位金钱格式化反金钱格式化单位格式化 Other / 其他

Money

basic-helper 提供统一的金钱处理方式

import { GetBasicUnit, SetBasicUnit, ToBasicUnitMoney, MoneyFormat, UnitFormat } from 'basic-helper/money';

基准单位 BASIC_UNIT

为了统一金额的处理，并且以整数做计算，需要先统一的基准单位 BASIC_UNIT。

const BASIC_UNIT = 1     -> 元
                   10    -> 角
                   100   -> 分
                   1000  -> 厘
                   10000 -> 毫

默认的 BASIC_UNIT = 10000，即 const count = 1000000 == 100.0000 元

设置基准单位

import { GetBasicUnit, SetBasicUnit } from 'basic-helper/money';
SetBasicUnit(1); // 基准单位为 "元"
const basicUnit = GetBasicUnit(); // basicUnit = 1

金钱格式化

上述概念是为了方便计算，但不利于人类阅读，所以需要格式化成人类可读的格式

以元为单位
加入便于阅读的 , 分隔符
精确到指定浮点位数上

原始单位金额: 10000000

格式化后金额: 1,000.0000

() => {
  const initMoney = 10000000
  const [originMoney, setOriginMoney] = useState(initMoney)
  const [money, setMoney] = useState(MoneyFormat(originMoney))
  return (
    <div>
      <div>原始单位金额: {originMoney}</div>
      <div>格式化后金额: {money}</div>
      <hr />
      <input
        className="form-control"
        style={{ width: 300 }}
        defaultValue={originMoney}
        onChange={e => {
          const val = e.target.value
          setMoney(MoneyFormat(val))
          setOriginMoney(val)
        }}
      />
    </div>
  )
}

() => {
  const initMoney = 10000000
  const [originMoney, setOriginMoney] = useState(initMoney)
  const [money, setMoney] = useState(MoneyFormat(originMoney))
  return (
    <div>
      <div>原始单位金额: {originMoney}</div>
      <div>格式化后金额: {money}</div>
      <hr />
      <input
        className="form-control"
        style={{ width: 300 }}
        defaultValue={originMoney}
        onChange={e => {
          const val = e.target.value
          setMoney(MoneyFormat(val))
          setOriginMoney(val)
        }}
      />
    </div>
  )
}

反金钱格式化

可以把元为单位的金钱数据转换成基准单位数据

格式化金额: 1,000.0000

基准单位数据: 10000000

() => {
  const initMoney = 10000000
  const [originMoney, setOriginMoney] = useState(MoneyFormat(initMoney))
  const [money, setMoney] = useState(ToBasicUnitMoney(originMoney))
  return (
    <div>
      <div>格式化金额: {originMoney}</div>
      <div>基准单位数据: {money}</div>
      <hr />
      <input
        className="form-control"
        style={{ width: 300 }}
        defaultValue={originMoney}
        onChange={e => {
          const val = e.target.value
          setMoney(ToBasicUnitMoney(val))
          setOriginMoney(val)
        }}
      />
    </div>
  )
}

() => {
  const initMoney = 10000000
  const [originMoney, setOriginMoney] = useState(MoneyFormat(initMoney))
  const [money, setMoney] = useState(ToBasicUnitMoney(originMoney))
  return (
    <div>
      <div>格式化金额: {originMoney}</div>
      <div>基准单位数据: {money}</div>
      <hr />
      <input
        className="form-control"
        style={{ width: 300 }}
        defaultValue={originMoney}
        onChange={e => {
          const val = e.target.value
          setMoney(ToBasicUnitMoney(val))
          setOriginMoney(val)
        }}
      />
    </div>
  )
}

单位格式化

根据中文金钱单位的定义进行格式化