json对象和json字符串互转的方法

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。JSON对象和JSON字符串之间的转换是前端开发中常见的操作。

基础概念

JSON对象：是一种键值对的集合，类似于JavaScript中的对象。 JSON字符串：是将JSON对象序列化后的字符串形式。

互转方法

JSON对象转JSON字符串

在JavaScript中，可以使用JSON.stringify()方法将JSON对象转换为JSON字符串。

let jsonObj = {
    name: "John",
    age: 30,
    city: "New York"
};

let jsonString = JSON.stringify(jsonObj);
console.log(jsonString); // 输出: {"name":"John","age":30,"city":"New York"}

JSON字符串转JSON对象

同样在JavaScript中，可以使用JSON.parse()方法将JSON字符串转换为JSON对象。

let jsonString = '{"name":"John","age":30,"city":"New York"}';

let jsonObj = JSON.parse(jsonString);
console.log(jsonObj); // 输出: { name: 'John', age: 30, city: 'New York' }

优势

易于阅读和编写：JSON的结构清晰，便于人类理解和编辑。
跨语言兼容：几乎所有的编程语言都有解析和生成JSON的能力。
轻量级：相比XML等其他数据交换格式，JSON更加简洁，传输效率更高。

类型

对象：由键值对组成，键必须是字符串，值可以是任意类型。
数组：值的有序集合。
值：可以是字符串、数字、对象、数组、布尔值或null。

应用场景

数据交换：前后端之间的数据交互。
配置文件：许多应用程序使用JSON作为配置文件格式。
存储数据：在本地存储或数据库中存储结构化数据。

可能遇到的问题及解决方法

问题1：JSON.parse()解析错误

当尝试解析一个格式不正确的JSON字符串时，会抛出SyntaxError。

try {
    let invalidJsonString = '{"name":"John", "age":30, city:"New York"}'; // 缺少一个逗号
    let jsonObj = JSON.parse(invalidJsonString);
} catch (e) {
    console.error("JSON解析错误:", e);
}

解决方法：确保JSON字符串格式正确，可以使用在线工具验证JSON格式。

问题2：循环引用

如果JSON对象中存在循环引用，JSON.stringify()会抛出错误。

let obj = {};
obj.self = obj;
JSON.stringify(obj); // 抛出TypeError: Converting circular structure to JSON

解决方法：在序列化之前，打破循环引用或者自定义序列化方法。

function stringifySafe(obj) {
    const seen = new WeakSet();
    return JSON.stringify(obj, (key, value) => {
        if (typeof value === "object" && value !== null) {
            if (seen.has(value)) {
                return '[Circular]';
            }
            seen.add(value);
        }
        return value;
    });
}

let safeJsonString = stringifySafe(obj);
console.log(safeJsonString); // 输出: {"self":"[Circular]"}

通过这些方法和注意事项，可以有效地处理JSON对象和JSON字符串之间的转换。