JavaScript字符串格式化优化：将item:xxx转为规范文本

针对你需要将类似item:sample_text转换为Sample text的场景，这里提供几种更简洁、鲁棒性更强的实现思路，同时解决原代码的潜在问题（比如仅替换第一个下划线、空内容报错等）：

1. 正则捕获+全局替换 #

利用正则直接定位冒号后的内容，一次性处理下划线替换和首字母大写：

function formatString(originalString) {
  if (!originalString) return '';
  // 捕获冒号后的所有内容
  const matchResult = originalString.match(/:(.*)$/);
  if (!matchResult) return '';
  
  const targetStr = matchResult[1];
  // 首字母大写 + 全局替换所有下划线为空格
  return targetStr.charAt(0).toUpperCase() + targetStr.slice(1).replace(/_/g, ' ');
}

优势：逻辑直观，精准定位需要处理的字符串片段，同时支持替换所有下划线，避免原代码只替换第一个的问题。

2. ES6+链式极简写法 #

借助可选链、空值合并、at()方法等语法，用一行代码实现：

const formatString = (originalString) => 
  originalString?.split(':').at(-1)
    ?.replace(/_/g, ' ')
    ?.replace(/^./, char => char.toUpperCase())
  ?? '';

优势：代码极度简洁，利用现代JS语法简化逻辑，自动处理originalString为null/undefined、冒号后无内容等边界情况，不会出现报错。

• at(-1)替代[stringTokens.length - 1]，更直观获取最后一个数组元素
• replace(/_/g, ' ')全局替换所有下划线
• replace(/^./, ...)直接将首字符转为大写
• 可选链(?.)和空值合并(??)确保任何环节为空时返回空字符串

3. 兼容无冒号的场景 #

如果需要支持输入无冒号的情况（比如直接输入sample_text），可以调整逻辑直接处理整个字符串：

const formatString = (originalString) => {
  if (!originalString) return '';
  // 先取冒号后内容，没有则取原字符串
  const targetStr = originalString.split(':').at(-1);
  return targetStr.replace(/_/g, ' ')
                  .replace(/^./, char => char.toUpperCase());
};

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