React.js中如何实现多行文本的特殊字符批量替换？

你当前代码只替换第一处匹配的原因是：String.replace() 方法传入字符串作为第一个参数时，只会替换第一个匹配项。要实现全局替换，需要使用正则表达式并添加 g（全局匹配）标志。

修改后的核心代码 #

将处理文本的逻辑替换为以下内容：

const onFileChange = async (e) => {
    e.preventDefault()
    const exampleFileReader = new FileReader()
    exampleFileReader.onload = async (e) => { 
      let text = e.target.result;
      // 正则表达式全局替换所有目标特殊字符
      let result = text
        .replace(/\u001bE/g, "<b>")
        .replace(/\u001bF/g, "</b>")
        .replace(/\u001b-1/g, "<u>")
        .replace(/\u001b-0/g, "</u>");
      console.log(result, "result");
    };
    exampleFileReader.readAsText(e.target.files[0]);
};

关键说明 #

• /\u001bE/g：正则表达式末尾的 g 标志表示全局匹配，会替换文本中所有出现的 \u001bE 序列，而非仅第一个。
• 按顺序对四个目标特殊字符序列应用全局替换，即可实现所有行的字符替换需求。

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