当使用JSON.stringify
函数时,第二个参数是一个数组或一个函数,用于控制序列化过程中对象的属性。第三个参数是一个用于控制缩进的数字或字符串,用于美化输出的可选参数。
让我们通过一个例子来说明:
假设我们有以下 JavaScript 对象:
const person = { name: 'John', age: 30, address: { city: 'New York', zip: '10001' } };
现在,我们将使用JSON.stringify
,通过第二个参数选择性地包含/排除属性:
// 示例 1: 仅包含 'name' 和 'age' const jsonString1 = JSON.stringify(person, ['name', 'age']); console.log(jsonString1); // 输出: {"name":"John","age":30} // 示例 2: 使用 replacer 函数转换值 const jsonString2 = JSON.stringify(person, (key, value) => { if (key === 'age') { return value * 2; // 年龄加倍 } return value; }); console.log(jsonString2); // 输出: {"name":"John","age":60,"address":{"city":"New York","zip":"10001"}}
现在,我们将使用第三个参数来控制缩进:
// 示例 3: 使用数字指定缩进 const jsonString3 = JSON.stringify(person, null, 2); console.log(jsonString3); // 输出: // { // "name": "John", // "age": 30, // "address": { // "city": "New York", // "zip": "10001" // } // }
在这个示例中,第三个参数是 2
,表示使用两个空格进行缩进。
JSON.parse
函数有两个参数:JSON.parse(text, reviver)
。
text
: 必需,要被解析的 JSON 字符串。reviver
(可选):用于在返回之前修改解析后的结果。它是一个函数,每个键值对都会被调用一次,可以返回一个修改后的值。-
const jsonString = '{"name": "John", "age": 30, "city": "New York"}'; // 不使用 reviver 参数 const parsedWithoutReviver = JSON.parse(jsonString); console.log(parsedWithoutReviver); // 输出: { name: 'John', age: 30, city: 'New York' } // 使用 reviver 参数 const parsedWithReviver = JSON.parse(jsonString, (key, value) => { if (key === 'age') { return value - 5; // 修改 age 的值 } return value; }); console.log(parsedWithReviver); // 输出: { name: 'John', age: 25, city: 'New York' }
在这个例子中,
reviver
函数被用来修改 JSON 对象的解析结果。
右侧赞助一下 代码改变世界一块二块也是爱
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
2020-11-14 js重复赋值 js数据交换 js调式方法
2020-11-14 JavaScript变量