如何使用JavaScript/jQuery将文本转换为美式拼写？

1. 精准正则匹配（减少误替换） #

你之前的全局替换会修改所有包含"ise"的字符串，导致非目标单词被误改。可以用正则匹配单词末尾的"ise"，且排除前面跟着"s"的情况（比如wise、likewise这类无需替换的单词结尾是s+ise），同时确保匹配的是完整单词：

$('p').each(function() {
  let text = $(this).text();
  // 匹配单词结尾的ise，且前面不是s
  text = text.replace(/(\w)(ise)\b/g, '$1ize');
  $(this).text(text);
});

• (\w)：捕获ise前的一个字母，确保不是s
• \b：单词边界，保证只替换单词末尾的ise
• g：全局匹配所有符合条件的内容

但这个方案仍有局限，比如exercise这类英美拼写一致的单词仍会被误改，更稳妥的方式是用字典映射。

2. 字典映射精准替换 #

准备一个明确的英式-美式拼写映射表，只替换确定需要转换的单词，彻底避免误替换：

// 可根据网站常用词汇扩展这个映射表
const ukToUsMap = {
  'specialise': 'specialize',
  'optimise': 'optimize',
  'organise': 'organize',
  'realise': 'realize',
  'analyse': 'analyze'
};

$('p').each(function() {
  let text = $(this).text();
  Object.keys(ukToUsMap).forEach(ukWord => {
    // 正则匹配完整单词，避免部分字符串匹配
    const regex = new RegExp(`\\b${ukWord}\\b`, 'g');
    text = text.replace(regex, ukToUsMap[ukWord]);
  });
  $(this).text(text);
});

这个方案可控性最强，你可以逐步补充业务中用到的英式词汇，完全不会出现误改问题。

3. 全页面文本处理优化 #

如果需要处理整个页面的文本（不止<p>标签），可以写一个通用函数遍历所有文本节点，跳过脚本、样式、输入框等不需要修改的元素：

function replaceUkToUsText(node, map) {
  if (node.nodeType === Node.TEXT_NODE) {
    let text = node.textContent;
    Object.keys(map).forEach(ukWord => {
      const regex = new RegExp(`\\b${ukWord}\\b`, 'g');
      text = text.replace(regex, map[ukWord]);
    });
    node.textContent = text;
  } else if (node.nodeType === Node.ELEMENT_NODE && !['SCRIPT', 'STYLE', 'INPUT', 'TEXTAREA'].includes(node.tagName)) {
    // 递归处理子节点，跳过无需修改的元素
    Array.from(node.childNodes).forEach(child => replaceUkToUsText(child, map));
  }
}

// 使用示例
const ukToUsMap = {
  'specialise': 'specialize',
  'optimise': 'optimize'
};
replaceUkToUsText(document.body, ukToUsMap);

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