JavaScript如何一次性替换字符串多部分并提取语言名称？

让我来帮你排查下这个问题～你当前的代码返回spanish undefined undefined，核心原因是正则表达式拆分了你想要整体替换的字符串片段，导致部分匹配项在chars对象中找不到对应值，最终返回undefined。

问题根源分析 #

你的正则/-|beginners|course/g会单独匹配-、beginners、course这三个片段。以spanish-beginners-course为例，匹配顺序是：

1. spanish后的- → 替换为chars['-']即空格
2. beginners → chars里没有'beginners'这个键，返回undefined
3. beginners后的- → 替换为空格
4. course → chars里没有'course'这个键，返回undefined

最终拼接起来就是spanish undefined undefined，和你遇到的结果一致。

正确解决方案 #

我们需要调整正则，优先匹配完整的目标子串（比如-beginners、-course），避免拆分匹配。这样就能和chars对象里的键一一对应：

const pageName = 'spanish-beginners-course'
const chars = { '-beginners': '', '-course': '', '-': ' ' }
// 调整正则顺序，先匹配长的完整子串，再匹配单个连字符
const language = pageName.replace(/-beginners|-course|-/g, m => chars[m])
console.log(language) // 输出：spanish

如果是多语言的场景，比如spanish-italian-beginners-course，这段代码也能正确输出spanish italian，完美符合你的需求。

更灵活的扩展方案 #

如果后续有更多类似的课程后缀（比如-intermediate-course），可以用更通用的写法，先剥离课程相关后缀，再处理连字符：

const pageName = 'spanish-italian-intermediate-course'
// 匹配所有以"-xxx-course"结尾的后缀并移除，再将连字符替换为空格
const language = pageName.replace(/-[a-z]+-course$/, '').replace(/-/g, ' ')
console.log(language) // 输出：spanish italian

或者用正则分组精准提取语言部分：

const pageName = 'spanish-italian-beginners-course'
const languageMatch = pageName.match(/^([a-z-]+)-[a-z]+-course$/)
if (languageMatch) {
  const language = languageMatch[1].replace(/-/g, ' ')
  console.log(language) // 输出：spanish italian
}

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