如何在JavaScript中实现CJK-decimal型CSS计数器的字符递增

当然可以实现！我来帮你一步步搞定这个需求～首先我们需要把你给出的十六进制符号转换成JavaScript能识别的Unicode转义字符，再建立数字到符号的映射关系。你提到的符号正好对应0-9的CJK数字，整理后对应关系如下：

• \u3007 → 〇（对应数字0）
• \u4E00 → 一（对应数字1）
• \u4E8C → 二（对应数字2）
• \u4E09 → 三（对应数字3）
• \u56DB → 四（对应数字4）
• \u4E94 → 五（对应数字5）
• \u516D → 六（对应数字6）
• \u4E03 → 七（对应数字7）
• \u516B → 八（对应数字8）
• \u4E5D → 九（对应数字9）

方法1：生成指定范围的连续字符序列 #

如果你需要一次性生成从〇开始到指定数字n的完整字符序列，可以用这个函数：

// 定义CJK数字符号映射，数组索引对应0-9的数字
const cjkDecimalSymbols = [
  '\u3007', // 〇
  '\u4E00', // 一
  '\u4E8C', // 二
  '\u4E09', // 三
  '\u56DB', // 四
  '\u4E94', // 五
  '\u516D', // 六
  '\u4E03', // 七
  '\u516B', // 八
  '\u4E5D'  // 九
];

function generateCJKCounterSequence(maxNumber) {
  // 先验证输入是否合法
  if (!Number.isInteger(maxNumber) || maxNumber < 0) {
    throw new Error('请输入非负整数作为最大值');
  }

  // 超过9的数字暂时没有对应符号，给出提示
  if (maxNumber > 9) {
    console.warn('当前仅支持0-9的CJK数字，若需更大数字请扩展符号映射');
  }

  // 生成目标序列
  return Array.from({ length: maxNumber + 1 }, (_, index) => {
    return cjkDecimalSymbols[index] || `[未定义数字: ${index}]`;
  });
}

// 使用示例：生成从〇到五的序列
console.log(generateCJKCounterSequence(5));
// 输出: ["〇", "一", "二", "三", "四", "五"]

方法2：模拟CSS计数器的递增行为 #

如果你想像CSS计数器那样，每次调用获取下一个递增的字符，可以用生成器函数来实现：

function* cjkCounterGenerator(start = 0) {
  let current = start;
  while (true) {
    if (current >= cjkDecimalSymbols.length) {
      yield `[未定义数字: ${current}]`;
      current++;
      continue;
    }
    yield cjkDecimalSymbols[current];
    current++;
  }
}

// 使用示例：逐步获取计数器值
const counter = cjkCounterGenerator();
console.log(counter.next().value); // 输出: 〇
console.log(counter.next().value); // 输出: 一
console.log(counter.next().value); // 输出: 二
// 可以持续调用next()获取下一个递增的字符

扩展说明 #

如果需要支持大于9的数字（比如十、十一、一百二十三等），你需要扩展符号映射（添加十「\u5341」、百「\u767E」等符号），并编写十进制进位的转换逻辑，将阿拉伯数字转换成对应的CJK十进制字符串。

内容的提问来源于stack exchange，提问作者Pavan Tiwari