驼峰转spinal-case的正则替换函数完全失效，求助排查

开发者阿泽

2026-5-25

解决camelCase转spinal-case的替换问题

嘿，我完全懂你现在的困扰——正则捕获组能抓到大写字母，但替换逻辑跑不起来对吧？让我帮你拆解问题，把这个函数搞定！

你的代码问题出在哪？

你现在用while循环去逐个捕获大写字母，但只是把每次的匹配结果存到matches变量里，根本没把这些替换应用回原字符串，而且matches每次都会被覆盖成最后一个匹配的内容，自然看不到效果啦。其实根本不用手动循环，正则的replace方法本身就支持全局替换，一步就能搞定。

改进后的正确实现

这里有两种简洁的写法，都能完美实现camelCase转spinal-case：

写法1：利用正则替换符

function spinalCase(str) {
  // 1. 把每个大写字母替换成 "-大写字母"
  // 2. 整个字符串转小写
  // 3. 去掉开头可能出现的多余横杠（处理原字符串首字母大写的情况）
  return str.replace(/([A-Z])/g, '-$1').toLowerCase().replace(/^-/, '');
}

写法2：用替换函数更直观

如果你觉得替换符$1不够直观，也可以用替换函数来处理每个匹配项：

function spinalCase(str) {
  return str.replace(/([A-Z])/g, (matchedChar) => `-${matchedChar.toLowerCase()}`)
            .replace(/^-/, '');
}

代码解释

/([A-Z])/g：全局匹配所有大写字母，捕获组$1会拿到每个匹配到的大写字母。
replace方法会自动遍历所有匹配项，把每个大写字母替换成-加对应的小写字母。
.replace(/^-/, '')：处理特殊情况——如果原字符串首字母是大写（比如ThisIsTest），第一步替换后会变成-this-is-test，这一步就把开头多余的横杠去掉。