json字符串转义函数

JSON是一种轻量级的数据格式，在前端开发中，经常需要使用JSON数据。然而，当JSON中包含一些特殊字符时，必须进行转义，否则就会出现解析错误。比如双引号、反斜杠、换行符等等，都需要进行转义。下面我们来看一下如何编写一个转义函数。

function escapeJson(str) {
  return str.replace(/[\\"]/g,'\\$&')
            .replace(/\n/g,'\\n')
            .replace(/\r/g,'\\r')
            .replace(/\t/g,'\\t');
}

上面的代码中，使用了正则表达式对字符串中的特殊字符进行匹配，然后进行替换操作。其中，$&代表匹配到的字符串。

下面我们来看一下具体的转义规则：

字符     |   转义
\        |   \\
"        |   \"
\n       |   换行符
\r       |   回车符
\t       |   制表符

使用上面的函数，我们可以很方便地对JSON字符串进行转义。比如：

const jsonStr = '{"name": "张三","comment": "这是一个\n带有换行符的评论"}';
const escapedJson = escapeJson(jsonStr);
console.log(escapedJson);
// 输出结果：{"name": "张三","comment": "这是一个\\n带有换行符的评论"}

在实际开发中，尽可能避免手动进行JSON字符串的拼接和转义，可以使用JSON.stringify()方法对对象进行序列化，将对象转为JSON字符串，这个方法会自动进行转义。比如：

const obj = {
  name: '李四',comment: '这是一个\n带有换行符的评论'
};
const jsonStr = JSON.stringify(obj);
console.log(jsonStr);
// 输出结果：{"name":"李四","comment":"这是一个\n带有换行符的评论"}

总之，在前端开发中，特别是涉及到JSON数据的处理时，转义函数是一个非常有用的工具函数，希望大家牢记基本规则，避免出现错误。