JSON对象的stringify()和parse()方法使用

**JSON 对象的 stringify() 和 parse() 方法**

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和机器解析。它在 Web 开发中广泛使用，尤其是在 AJAX 请求、Cookie 等场景下。JSON 对象提供了两个重要方法：stringify() 和 parse()。这两种方法分别用于将 JavaScript 对象转换为 JSON 字符串，以及将 JSON 字符串转换回 JavaScript 对象。

### stringify()

**stringify() 方法概述**

stringify() 方法用于将 JavaScript 对象转换为 JSON 字符串。它会对对象进行序列化，排除不支持的属性和方法，并以标准的 JSON 格式输出。

**使用示例**

javascriptconst obj = {
 name: 'John',
 age:30,
 address: {
 street: '123 Main St',
 city: 'Anytown'
 }
};

const jsonStr = JSON.stringify(obj);
console.log(jsonStr); // Output: {"name":"John","age":30,"address":{"street":"123 Main St","city":"Anytown"}}

在上面的示例中，我们定义了一个 JavaScript 对象 `obj`，包含 `name`、`age` 和 `address` 属性。然后我们使用 JSON.stringify() 方法将其转换为 JSON 字符串，并输出到控制台。

**参数和选项**

stringify() 方法接受两个可选参数：

* **replacer**:一个函数或数组，用于指定哪些属性应该被序列化。
* **space**:一个数字或字符串，用于指定 JSON 字符串的缩进格式。

javascriptconst obj = {
 name: 'John',
 age:30,
 address: {
 street: '123 Main St',
 city: 'Anytown'
 }
};

// 使用 replacer 函数function replacer(key, value) {
 if (key === 'age') return undefined;
 return value;
}

const jsonStr = JSON.stringify(obj, replacer);
console.log(jsonStr); // Output: {"name":"John","address":{"street":"123 Main St","city":"Anytown"}}

// 使用 space 参数const jsonStr2 = JSON.stringify(obj, null,4);
console.log(jsonStr2); // Output: {
// "name": "John",
// "age":30,
// "address": {
// "street": "123 Main St",
// "city": "Anytown"
// }
// }

在上面的示例中，我们使用 replacer 函数来排除 `age` 属性，并使用 space 参数来指定 JSON 字符串的缩进格式。

### parse()

**parse() 方法概述**

parse() 方法用于将 JSON 字符串转换回 JavaScript 对象。它会对 JSON 字符串进行反序列化，生成一个 JavaScript 对象。

**使用示例**

javascriptconst jsonStr = '{"name":"John","age":30,"address":{"street":"123 Main St","city":"Anytown"}}';
const obj = JSON.parse(jsonStr);
console.log(obj); // Output: { name: 'John', age:30, address: { street: '123 Main St', city: 'Anytown' } }

在上面的示例中，我们定义了一个 JSON 字符串 `jsonStr`，然后使用 JSON.parse() 方法将其转换回 JavaScript 对象，并输出到控制台。

**参数和选项**

parse() 方法接受两个可选参数：

* **reviver**:一个函数或数组，用于指定如何处理反序列化的属性。
* **strict**:一个布尔值，用于指定是否应该严格检查 JSON 字符串的格式。

javascriptconst jsonStr = '{"name":"John","age":30,"address":{"street":"123 Main St","city":"Anytown"}}';

// 使用 reviver 函数function reviver(key, value) {
 if (key === 'age') return value *2;
 return value;
}

const obj = JSON.parse(jsonStr, reviver);
console.log(obj); // Output: { name: 'John', age:60, address: { street: '123 Main St', city: 'Anytown' } }

// 使用 strict 参数try {
 const invalidJsonStr = '{"name":"John","age":30,"address":{"street":"123 Main St","city":"Anytown"}}';
 JSON.parse(invalidJsonStr, true);
} catch (error) {
 console.error(error); // Output: SyntaxError: Unexpected token }
}

在上面的示例中，我们使用 reviver 函数来指定如何处理反序列化的属性，并使用 strict 参数来指定是否应该严格检查 JSON 字符串的格式。

**总结**

JSON.stringify() 和 JSON.parse() 方法是 JavaScript 中用于将 JavaScript 对象转换为 JSON 字符串，以及将 JSON 字符串转换回 JavaScript 对象的两个重要方法。它们在 Web 开发中广泛使用，尤其是在 AJAX 请求、Cookie 等场景下。通过了解这些方法的使用和选项，可以更好地利用它们来处理数据交换和序列化问题。