一些常用的JavaScript函数(json)附详细说明

1. JSON.parse()

说明：

JSON.parse() 方法用于将一个 JSON 字符串转换为 JavaScript 对象。

示例代码：

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

2. JSON.stringify()

说明：

JSON.stringify() 方法用于将 JavaScript 对象转换为 JSON 字符串。

示例代码：

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

3. JSON.stringify() 处理循环引用

说明：

当对象中存在循环引用时，直接使用JSON.stringify() 会抛出错误，可以通过传递第二个参数（replacer function）来处理这种情况。

示例代码：

 function replacer(key, value) {   if (typeof value === 'object' && value !== null) {     if (cache.indexOf(value) !== -1) {       // 移除循环引用       return;     }     // 缓存值以检测循环引用     cache.push(value);   }   return value; } let a = {}; a.b = a; // 创建循环引用 let cache = []; let jsonString = JSON.stringify(a, replacer); console.log(jsonString); // 输出： {"b":null}

4. JSON.parse() 可选的 reviver 函数

说明：

JSON.parse() 方法还可以接受一个可选的第二个参数（reviver function），该函数允许你在解析过程中对生成的对象进行转换或操作。

示例代码：

 let jsonString = '{"date": "2023-09-29T12:00:00Z"}'; let obj = JSON.parse(jsonString, (key, value) => {   if (key === 'date') {     return new Date(value);   }   return value; }); console.log(obj.date instanceof Date); // 输出： true

相关问题与解答

问题1： 如果我想在序列化和反序列化过程中保留日期对象，应该如何操作？

答案1： 在使用JSON.stringify() 时，可以提供一个 replacer 函数，专门处理日期对象，同样地，在使用JSON.parse() 时，也可以提供一个 reviver 函数来恢复日期对象。

 let dateObj = { date: new Date() }; let jsonString = JSON.stringify(dateObj, (key, value) => {   if (value instanceof Date) {     return value.toISOString();   }   return value; }); let parsedObj = JSON.parse(jsonString, (key, value) => {   if (key === 'date' && typeof value === 'string') {     return new Date(value);   }   return value; }); console.log(parsedObj.date instanceof Date); // 输出： true

问题2： 如何避免在 JSON 字符串中出现不必要的空格？

答案2： 在使用JSON.stringify() 时，可以设置第三个参数为0，这样就不会在输出的 JSON 字符串中包含任何额外的空格。

 let obj = { name: "John", age: 30, city: "New York" }; let compactJsonString = JSON.stringify(obj, null, 0); console.log(compactJsonString); // 输出： {"name":"John","age":30,"city":"New York"}

小伙伴们，上文介绍了“一些常用的JavaScript函数(json)附详细说明-javascript技巧”的内容，你了解清楚吗？希望对你有所帮助，任何问题可以给我留言，让我们下期再见吧。