如何解析HTML textarea中的各类转义序列为实际值？

当然可以实现，核心是把输入的字符串形式转义序列（比如\n是两个独立字符）转换成对应的实际控制字符或Unicode字符，下面提供两种实用方案：

方案1：利用JSON.parse快速解析（推荐） #

JSON本身支持解析所有标准转义序列，我们可以借助这个特性快速实现需求。只需把textarea的内容包裹在双引号中，再用JSON.parse解析即可，同时要处理原字符串中的双引号避免解析报错：

function parseEscapedText(str) {
  try {
    // 先转义原字符串中的双引号，防止JSON.parse出现语法错误
    const escapedQuotes = str.replace(/"/g, '\\"');
    return JSON.parse(`"${escapedQuotes}"`);
  } catch (err) {
    // 遇到无效转义序列时，返回原字符串或自定义处理逻辑
    console.warn('转义序列解析失败:', err);
    return str;
  }
}

// 使用示例
const textarea = document.getElementById('myTextArea');
const parsedContent = parseEscapedText(textarea.value);
console.log(parsedContent);

这个方法会自动处理所有JSON支持的转义序列：\n（换行）、\r（回车）、\t（制表符）、\uXXXX（Unicode字符）、\\（反斜杠）等，无需逐个编写替换规则，高效且覆盖全面。

方案2：手动实现转义解析（自定义场景） #

如果需要自定义支持的转义序列，或者要处理JSON不兼容的特殊转义，可以用正则匹配+替换的方式手动实现：

function parseEscapedText(str) {
  return str.replace(/\\(u[0-9a-fA-F]{4}|[nrtbf\\"])/g, (match, seq) => {
    switch (seq) {
      case 'n': return '\n';
      case 'r': return '\r';
      case 't': return '\t';
      case 'b': return '\b';
      case 'f': return '\f';
      case '\\': return '\\';
      case '"': return '"';
      default: // 处理\uXXXX格式的Unicode转义
        return String.fromCharCode(parseInt(seq.slice(1), 16));
    }
  });
}

// 使用示例
const parsedContent = parseEscapedText(document.getElementById('myTextArea').value);
console.log(parsedContent);

这种方式可以精确控制哪些转义序列被解析，适合有特殊需求的场景，比如你想忽略某些转义或者添加自定义转义规则。

注意事项 #

• 如果输入的转义序列不完整（比如\u后面只有3位字符），JSON.parse会抛出错误，这时候需要用try-catch捕获并处理；手动解析的话可以选择保留原字符或者做其他适配。
• 若需要支持\xXX这类十六进制转义，可以在手动解析的正则和switch逻辑中添加对应的处理分支。

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