在js中，用户点击添加怎么才能让文本每次加一呢？(中文的一，每次加一个)

Question

在js中，用户点击添加怎么才能让文本每次加一呢？(中文的一，每次加一个)
我的页面如下

我想点击新增检查项的时候，新增出来任务二

在点击新增出来任务三

数字的我会，但是中文的我就不会了，
我用的框架是Vue.js，请大神赐教

Answer 1

<span>任务{{index | indexFilter}}</span>

index表示任务序号，数据类型为Number

indexFilter (num) {
  num = num.toLocaleString('zh-u-nu-hanidec').replace(/[,]/g, '')
  let temp = [...num]
  let maxlength = temp.length
  let str = ''
  for (let v of Object.values(temp)) {
    let unit
    switch (maxlength) {
      case 1:
        unit = ''
        break
      case 2:
        unit = '十'
        break
      case 3:
        unit = '百'
        break
      case 4:
        unit = '千'
        break
    }
    str += `${v === '一' && maxlength === 2 ? '' : v}${unit}`
    maxlength--
  }
  console.log(str)
  return str
}

控制台打印结果即为中文，参考了楼上使用了Number.toLocaleString()的方法转换成中文，我这个过滤器只过滤到千位，并且没有过滤小数点，请题主参考逻辑后自行修改

Answer 2

https://www.npmjs.com/package...
用這個 提供 把數字轉成中文漢字

Answer 3

https://jsfiddle.net/v1un4r4s...

类似这种方式

Answer 4

听描述要的是Number.prototype.toLocaleString()？不过目前没在生产环境下用过这个。。。用的话也建议挂个polyfill以防万一吧。

Answer 5

index + 1 -> 汉字
映射对象

Answer 6

我平时用的是angular,应该和你这个也差不多，你这个“任务”，可以用v-for去遍历一个数组来生成，点新增项的时候，就往数组里面加一个json即可。

Answer 7

我的思路是将数字1和汉字一做成一一对应，然后用户加1的时候看数值，之后将数值拆分，因为数值可能是十位百位或者千位，所以还得建一个['十','百','千']的数组，然后对数值取膜，这个有点烦···我封装了一个函数但是还是有点缺陷
function smalltoBIG(n) {
var fraction = ['角', '分'];
var digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];
var unit = [['元', '万', '亿'], ['', '拾', '佰', '仟']];
var head = n < 0 ? '欠' : '';
n = Math.abs(n);
var s = '';
for (var i = 0; i < fraction.length; i++) {

s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '');

}
s = s || '整';
n = Math.floor(n);

for (var j = 0; j < unit[0].length && n > 0; j++) {

var p = '';
for (var k = 0; k < unit[1].length && n > 0; k++) {
  p = digit[n % 10] + unit[1][k] + p;
  n = Math.floor(n / 10);
}
s = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][j] + s;

}
return head + s.replace(/(零.)*零元/, '元').replace(/(零.)+/g, '零').replace(/^整$/, '零元整');
}

console.log(smalltoBIG(1234.4));