组合变音符号敏感的字符串字符替换异常问题求解

你的问题本质是JavaScript字符串基于UTF-16码点存储，"ő"由U+006F（o）和U+0308（组合分音符）两个码点组成，replace("o", "x")会单独匹配第一个码点，替换后剩余的分音符会自动附着在x上，导致出现x̋a的错误结果。

以下是两种可靠的解决方案：

方案一：基于 grapheme cluster 分割替换（推荐） #

使用Intl.Segmenter将字符串分割为视觉上的单个字符（grapheme cluster），遍历每个单元进行替换，能完美处理所有Unicode复杂字符场景：

const a = "o";
const b = "x";
const preString = "őa";

// 按视觉字符分割字符串
const segmenter = new Intl.Segmenter('en', { granularity: 'grapheme' });
const segments = Array.from(segmenter.segment(preString), seg => seg.segment);

// 替换符合条件的视觉字符
const postString = segments.map(seg => seg === a ? b : seg).join('');

alert(postString); // 输出 "őa"

主流浏览器和Node.js 16+均支持该API，兼容性良好。

方案二：正则匹配独立的"o"字符 #

如果只需要处理基础字符+后置变音符号的场景，可以用Unicode属性转义的正则，确保匹配的"o"后面没有紧跟组合标记：

const a = "o";
const b = "x";
const preString = "őa";

// 匹配o且后面无Unicode组合标记，u模式启用Unicode支持
const regex = new RegExp(`${a}(?!\\p{Mark})`, 'u');
const postString = preString.replace(regex, b);

alert(postString); // 输出 "őa"

注意：该方案仅针对后置变音符号的场景，对于前置变音符号或多组合标记的复杂情况，推荐使用方案一。

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