JavaScript如何将多个不同字符串替换为同一目标字符串？

你当前的问题是误用了replaceAll的参数——这个方法仅接受两个参数：第一个是要替换的目标（字符串或正则表达式），第二个是替换后的内容。你写的replaceAll('variation1', 'variation2' 'proper')里，'variation2' 'proper'会被JS引擎自动解析为字符串拼接（等同于'variation2proper'），既无法同时处理多个变体，也达不到你想要的替换效果。

下面给你两种可行的实现方案：

方法1：链式调用replaceAll #

如果变体数量不多，直接多次调用replaceAll即可，每次处理一个变体：

const txtrs = document.getElementById('txt1').value
// 链式替换每个变体为目标内容
const replaces = txtrs.replaceAll('variation1', 'proper')
                      .replaceAll('variation2', 'proper')
                      // 可继续追加更多replaceAll处理其他变体
document.getElementById('txt1').value = replaces

方法2：使用正则表达式匹配多个变体 #

如果变体数量较多，用正则的选择符|把所有变体整合在一起，配合全局匹配标志g，就能一次性完成所有替换：

const txtrs = document.getElementById('txt1').value
// 正则匹配variation1或variation2，全局替换为proper
const replaces = txtrs.replaceAll(/variation1|variation2/g, 'proper')
document.getElementById('txt1').value = replaces

注意：如果你的变体包含正则特殊字符（比如.、*、?等），需要先对这些字符进行转义，避免匹配出错。例如变体是var.1，要写成var\.1。

如果变体是动态存储在数组中的，还可以用以下方式生成正则：

const variations = ['variation1', 'variation2', 'var.3']
// 转义每个变体的正则特殊字符，再拼接成匹配规则
const escapedVars = variations.map(varStr => varStr.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'))
const regex = new RegExp(escapedVars.join('|'), 'g')

const txtrs = document.getElementById('txt1').value
const replaces = txtrs.replaceAll(regex, 'proper')
document.getElementById('txt1').value = replaces

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