如何保存含未转义单双引号的字符串？有无更优转义方案？

这个问题我之前处理用户输入的时候也碰到过！你当前用的正则替换解法其实已经能解决问题，但确实有几个更简洁、场景适配性更强的方案，我给你梳理下：

1. 优化现有正则的可读性 #

你的正则replace(/(['"])/g, "\\$1")逻辑是对的，但可以换成回调函数的写法，不用记$1的分组引用语法，可读性会更好，尤其是对正则不太熟悉的同事来说：

this.book.title = this.book.title.replace(/['"]/g, match => `\\${match}`);

这样一眼就能看出来，把匹配到的每个单/双引号前面加上反斜杠，逻辑更直观。

2. 场景优先：用JSON.stringify自动转义（最推荐） #

如果你最终的目的是把这个对象转换成合法的JSON字符串，那完全不用自己写正则！JSON.stringify会自动处理所有需要转义的字符——不仅是单双引号，还包括换行符、制表符、Unicode字符等，比手动正则覆盖得更全面：

// 直接序列化整个对象，所有特殊字符都会被正确转义
const validBookJson = JSON.stringify(this.book);

这应该是最省心的方案，除非你有特殊的自定义转义需求（比如不是生成JSON）。

3. DOM场景：用原生API避免手动转义 #

如果是要把这个标题插入到HTML的属性或文本中，千万别自己手动转义！直接用DOM API设置，浏览器会自动处理转义，还能避免XSS风险：

// 设置HTML属性
const bookElement = document.querySelector('.book');
bookElement.setAttribute('data-title', this.book.title);

// 设置文本内容
bookElement.textContent = this.book.title;

这种方式比手动转义安全得多，也不用考虑各种边界情况。

总结 #

• 生成JSON字符串 → 优先用JSON.stringify，高效又全面
• 自定义转义场景 → 用回调函数版的replace，可读性更好
• 操作DOM → 依赖原生API，安全无隐患

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