如何为仅含数字与运算符的混合字符串实时添加千位分隔符

• 第一步：维护纯原始运算串
  单独声明一个变量存储不带任何格式的原始运算字符串，仅包含数字和运算符，用户每次输入新内容都直接追加到这个原始串中，永远不要用带千分位的显示串做内容追加或者逻辑计算，避免逗号干扰输入逻辑。
• 第二步：拆分混合字符串
  每次原始串更新后，先把原始串用正则/([+\-*/])/切割，括号可以保留运算符本身，拆分后得到的数组是[数字, 运算符, 数字, 运算符, 数字...]的交替结构，比如原始串1234567.89+876-5432*10.1234拆分后就是['1234567.89', '+', '876', '-', '5432', '*', '10.1234']。
• 第三步：单独格式化数字片段
  对数组里的非运算符元素（数字串）单独做千分位格式化，需要兼容实时输入的特殊场景：数字末尾带小数点（用户刚输完小数点还没填小数位）、数字只有整数部分、数字带小数部分三种情况，仅给整数部分加千分位，小数部分和末尾小数点保持原样即可。
• 第四步：拼接回显示串
  把格式化后的数字片段和原运算符按原顺序拼接，就是最终要展示给用户的带千分位的运算串。

// 存储无格式的原始运算串，用户输入时直接更新这个变量
let rawFormula = '1234567.89+876-5432*10.1234';

// 生成带千分位的显示串函数
function formatFormula(raw) {
  // 拆分数字和运算符
  const segments = raw.split(/([+\-*/])/);
  return segments.map(seg => {
    // 运算符直接返回不处理
    if (/[+\-*/]/.test(seg)) return seg;
    // 处理数字千分位
    if (!seg.includes('.')) {
      // 无小数位的数字
      return seg.replace(/(\d)(?=(\d{3})+$)/g, '$1,');
    } else {
      // 拆分整数和小数部分
      const [intPart, decimalPart] = seg.split('.');
      const formattedInt = intPart.replace(/(\d)(?=(\d{3})+$)/g, '$1,');
      // 保留末尾小数点的输入状态
      return decimalPart === '' ? `${formattedInt}.` : `${formattedInt}.${decimalPart}`;
    }
  }).join('');
}

// 调用输出：1,234,567.89+876-5,432*10.1234
console.log(formatFormula(rawFormula));

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