在 JavaScript 开发中，我们经常需要将 JavaScript 对象转换为字符串来进行数据的传输和存储。JSON.stringify() 方法可以将 JavaScript 对象转换为 JSON 字符串，但在处理嵌套对象时，可能会遇到一些问题。在 ES12 中，JSON.stringify() 方法进行了改进，使得序列化嵌套对象更加方便。
JSON.stringify() 的基本用法
JSON.stringify() 方法接受一个 JavaScript 对象作为参数，将其转换为 JSON 字符串。例如：
const obj = { foo: 'bar' };
const jsonString = JSON.stringify(obj);
console.log(jsonString); // {"foo":"bar"}解决嵌套对象序列化问题
但是，当我们处理嵌套对象时，JSON.stringify() 方法会将嵌套对象转换为字符串 "[object Object]"，而不是期望的 JSON 字符串。例如：
const obj = { foo: { bar: 'baz' } };
const jsonString = JSON.stringify(obj);
console.log(jsonString); // {"foo":"[object Object]"}这是因为 JSON.stringify() 默认不会序列化嵌套对象，而是将其转换为字符串。这可能会导致一些问题，例如在后端收到这样的字符串后，就无法将其转换为原本的 JavaScript 对象。
在 ES12 中，JSON.stringify() 方法新增了两个可选参数，用于解决嵌套对象序列化问题。
toJSON()
toJSON() 是一个对象方法，当调用 JSON.stringify() 方法序列化该对象时，会优先调用该方法。如果该方法存在，JSON.stringify() 将序列化 toJSON() 方法返回的 JSON 对象，而不是对象本身。
因此，我们可以在对象中定义 toJSON() 方法，将子对象递归地转换为 JSON 字符串。例如：
const obj = { foo: { bar: 'baz' }, toJSON: () => ({ foo: JSON.stringify(obj.foo) }) };
const jsonString = JSON.stringify(obj);
console.log(jsonString); // {"foo":{"bar":"baz"}}在上面的例子中，toJSON() 方法将子对象 obj.foo 递归地转换为 JSON 字符串，从而解决了嵌套对象序列化问题。
replacer()
replacer() 是一个可选参数，用于控制序列化过程中应该如何处理对象属性。replacer() 可以是一个函数或一个属性数组，用于指定要序列化的对象属性。
如果 replacer() 是一个函数，则该函数将在序列化过程中被调用。该函数可以接受两个参数：对象的属性名和属性值。该函数应该返回一个序列化后的值，或一个 undefined，表示忽略该属性。
如果 replacer() 是一个属性数组，则仅序列化其中包含的属性。例如：
const obj = { foo: { bar: 'baz' } };
const jsonString = JSON.stringify(obj, ['foo']);
console.log(jsonString); // {"foo":{"bar":"baz"}}在上面的例子中，JSON.stringify() 只序列化对象的 foo 属性，bar 属性被忽略。
总结
在 ES12 中，JSON.stringify() 方法进行了改进，使得序列化嵌套对象更加方便。通过定义 toJSON() 方法和使用 replacer() 参数，我们可以递归地将嵌套对象转换为 JSON 字符串，以便于后端收到数据后可以正确地转换回原始的 JavaScript 对象。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e31b6af6b2d6eab3e78854