input 输入的时候，将数字转为 金额 千分位形式

1
2
3
4
function onChange (e) {
  let value = e.target.value
  value = value.toString().includes('.') ? value.toLocaleString() : value.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')
}

正则解释

(\d)： 是第一个子项，$1 表示第一个子项
?=：非捕获元，exp1(?=exp2)表示匹配exp2前面的exp1
?:：?:x表示匹配 ‘x’ 但是不记住匹配项, 圆括号会有一个副作用，使相关的匹配会被缓存，此时可用?:放在第一个选项前来消除这种副作用

总结：替换 3个连续数字 前面这个数字，替换内容为 前面这个数字 加上一个 逗号,

MDN 正则表达式

转换为 大写金额，来自网络

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
changeNumMoneyToChinese (money) {
    var cnNums = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'] //汉字的数字
    var cnIntRadice = ['', '拾', '佰', '仟'] //基本单位
    var cnIntUnits = ['', '万', '亿', '兆'] //对应整数部分扩展单位
    var cnDecUnits = ['角', '分', '毫', '厘'] //对应小数部分单位
    var cnInteger = '整' //整数金额时后面跟的字符
    var cnIntLast = '元' //整型完以后的单位
    var maxNum = 999999999999999.9999 //最大处理的数字
    var IntegerNum //金额整数部分
    var DecimalNum //金额小数部分
    var ChineseStr = '' //输出的中文金额字符串
    var parts //分离金额后用的数组，预定义
    var Symbol = '' //正负值标记
    if (money === '') {
      return
    }

    money = parseFloat(money)
    if (money >= maxNum) {
      alert('超出最大处理数字')
      return ''
    }
    if (money === 0) {
      ChineseStr = cnNums[0] + cnIntLast + cnInteger
      return ChineseStr
    }
    if (money < 0) {
      money = -money
      Symbol = '负 '
    }
    money = money.toString() //转换为字符串
    if (money.indexOf('.') === -1) {
      IntegerNum = money
      DecimalNum = ''
    } else {
      parts = money.split('.')
      IntegerNum = parts[0]
      DecimalNum = parts[1].substr(0, 4)
    }
    if (parseInt(IntegerNum, 10) > 0) { //获取整型部分转换
      var zeroCount = 0
      var IntLen = IntegerNum.length
      for (var i = 0; i < IntLen; i++) {
        var n = IntegerNum.substr(i, 1)
        var p = IntLen - i - 1
        var q = p / 4
        var m = p % 4
        if (n === '0') {
          zeroCount++
        } else {
          if (zeroCount > 0) {
            ChineseStr += cnNums[0]
          }
          zeroCount = 0 //归零
          ChineseStr += cnNums[parseInt(n)] + cnIntRadice[m]
        }
        if (m === 0 && zeroCount < 4) {
          ChineseStr += cnIntUnits[q]
        }
      }
      ChineseStr += cnIntLast
      //整型部分处理完毕
    }
    if (DecimalNum !== '') { //小数部分
      var decLen = DecimalNum.length
      for (let i = 0; i < decLen; i++) {
        let n = DecimalNum.substr(i, 1)
        if (n !== '0') {
          ChineseStr += cnNums[Number(n)] + cnDecUnits[i]
        }
      }
    }
    if (ChineseStr === '') {
      ChineseStr += cnNums[0] + cnIntLast + cnInteger
    } else if (DecimalNum === '') {
      ChineseStr += cnInteger
    }
    ChineseStr = Symbol + ChineseStr

    return ChineseStr
  }

}