js object转json|极客笔记

js object转json

在JavaScript中，我们经常会遇到需要将JavaScript对象转换为JSON字符串的情况。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它易于阅读和编写，也易于机器解析和生成。在实际的开发中，我们常常需要将JavaScript对象序列化为JSON字符串，然后传输到服务端或本地存储。

本文将详细介绍如何使用JavaScript将对象转换为JSON字符串，并给出一些实际应用的示例。

1. JSON.stringify()

JavaScript提供了一个内置方法 JSON.stringify()，可以将一个JavaScript对象转换为一个JSON字符串。

示例代码：

// 定义一个JavaScript对象
let obj = {
  name: 'John',
  age: 30,
};

// 使用JSON.stringify()方法将对象转换为JSON字符串
let jsonString = JSON.stringify(obj);

console.log(jsonString);

运行结果：

{"name":"John","age":30}

在上面的示例中，我们定义了一个包含 name 和 age 属性的JavaScript对象 obj，然后使用 JSON.stringify() 方法将该对象转换为了一个JSON字符串 {"name":"John","age":30}。

2. JSON.stringify()的参数

JSON.stringify() 方法还可以接受两个可选参数：replacer 和 space。

replacer 是一个函数，用来自定义对象被序列化时的过滤器。可以通过传入一个数组，只序列化数组中指定的属性，或者传入一个函数，对序列化的结果进行自定义处理。
space 是一个用来格式化输出的参数，可以为一个空格字符串或数字，用来缩进输出的JSON字符串。

示例代码：

// 定义一个JavaScript对象
let obj = {
  name: 'John',
  age: 30,
  friends: ['Alice', 'Bob', 'Harry'],
};

// 使用replacer参数，只序列化name和friends属性
let jsonString1 = JSON.stringify(obj, ['name', 'friends']);
console.log(jsonString1);

// 使用space参数，格式化输出JSON字符串
let jsonString2 = JSON.stringify(obj, null, 2);
console.log(jsonString2);

运行结果：

{"name":"John","friends":["Alice","Bob","Harry"]}
{
  "name": "John",
  "age": 30,
  "friends": [
    "Alice",
    "Bob",
    "Harry"
  ]
}

在上面的示例中，我们通过传入一个数组 ['name', 'friends'] 作为 replacer 参数，只序列化了 name 和 friends 属性，忽略了 age 属性；通过传入 2 作为 space 参数，格式化输出了带有缩进的JSON字符串。

3. JSON.parse()

如果我们有一个JSON字符串，想要将其转换为JavaScript对象，可以使用 JSON.parse() 方法。

示例代码：

// 定义一个JSON字符串
let jsonString = '{"name":"John","age":30}';

// 使用JSON.parse()方法将字符串转换为JavaScript对象
let obj = JSON.parse(jsonString);

console.log(obj);

运行结果：

{ name: 'John', age: 30 }

在上面的示例中，我们定义了一个JSON字符串 {"name":"John","age":30}，然后使用 JSON.parse() 方法将其转换为了对应的JavaScript对象。

4. 复杂对象的转换

除了简单的对象，我们还可以将包含嵌套对象、数组等数据结构的复杂对象转换为JSON字符串。

示例代码：

// 定义一个包含嵌套对象和数组的JavaScript对象
let obj = {
  name: 'John',
  age: 30,
  address: {
    city: 'New York',
  },
  hobbies: ['reading', 'traveling'],
};

// 使用JSON.stringify()方法将复杂对象转换为JSON字符串
let jsonString = JSON.stringify(obj);
console.log(jsonString);

// 将JSON字符串转换为JavaScript对象
let newObj = JSON.parse(jsonString);
console.log(newObj);

运行结果：

{"name":"John","age":30,"address":{"city":"New York"},"hobbies":["reading","traveling"]}
{ name: 'John', age: 30, address: { city: 'New York' }, hobbies: [ 'reading', 'traveling' ] }

在上面的示例中，我们定义了一个包含嵌套对象 address 和数组 hobbies 的JavaScript对象 obj，然后使用 JSON.stringify() 方法将该对象转换为JSON字符串，并使用 JSON.parse() 方法将JSON字符串转换为JavaScript对象。