如何在JavaScript中一次性替换多词组合？

你当前用String.replace(/\w+/g, 回调)的方式，只能替换单个单词，没法处理standardizeMap里的多词短语（比如"Hello world"、"apple pen"），导致这类组合无法被正确替换。以下是具体问题重现和解决方案：

问题重现 #

案例1 #

原代码：

const standardizeMap = new Map([
    ["Hello world", "How are you"],
    ["apple pen", "appleP"],
    ["Swaziland", "Eswatini"]
]);

const result = "Hello world I have an apple pen in Swaziland".replace(/\w+/g, (word) =>
    standardizeMap.get(word) ? standardizeMap.get(word) : word
);
console.log(result);

实际输出：

Hello world I have an apple pen in Eswatini

预期输出：

How are you I have an appleP in Eswatini

案例2 #

原代码：

const result = "Hello world I have an apple penin Swaziland".replace(/\w+/g, (word) =>
    standardizeMap.get(word) ? standardizeMap.get(word) : word
);

预期输出：

How are you I have an apple penin Eswatini

解决方案 #

核心思路是优先匹配最长的多词短语，再匹配单个单词，避免短匹配抢占长匹配的机会，同时用边界确保不会误匹配部分单词。

实现代码 #

const standardizeMap = new Map([
    ["Hello world", "How are you"],
    ["apple pen", "appleP"],
    ["Swaziland", "Eswatini"]
]);

// 1. 提取map的键，按短语的单词数量倒序排序（长短语优先）
const sortedKeys = Array.from(standardizeMap.keys()).sort((a, b) => {
    const wordCountA = a.split(' ').length;
    const wordCountB = b.split(' ').length;
    return wordCountB - wordCountA;
});

// 2. 转义正则特殊字符，生成匹配所有短语的正则（带单词边界）
const escapedKeys = sortedKeys.map(key => 
    key.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
);
const regex = new RegExp(`\\b(${escapedKeys.join('|')})\\b`, 'g');

// 3. 执行替换
const result1 = "Hello world I have an apple pen in Swaziland".replace(regex, match => 
    standardizeMap.get(match) || match
);
const result2 = "Hello world I have an apple penin Swaziland".replace(regex, match => 
    standardizeMap.get(match) || match
);

console.log(result1); // 输出：How are you I have an appleP in Eswatini
console.log(result2); // 输出：How are you I have an apple penin Eswatini

关键说明 #

• 排序逻辑：把多词短语排在单个单词前面，确保"Hello world"这种长短语会被优先匹配，而不是被拆成"Hello"和"world"单独处理。
• 正则边界\b：确保匹配的是完整的单词/短语，比如案例2里的"penin"不会被误判成"pen"，因为\bpen\b只会匹配独立的"pen"单词。
• 特殊字符转义：处理短语中可能存在的正则特殊字符（比如.、*等），避免正则匹配出错。

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