JavaScript中json对象和string对象之间相互转化

在JavaScript中，我们经常需要将JSON对象和String对象相互转换。本文将详细讲解如何进行转换。

JSON对象转String对象

将JSON对象转换为String对象的方法是使用 JSON.stringify() 方法，它可以将一个JSON对象转换为一个格式化后的字符串。具体用法如下：

const obj = { name: 'Alice', age: 26 };
const jsonString = JSON.stringify(obj);
console.log(jsonString); // {"name":"Alice","age":26}

在上面的代码中，obj 是一个JSON对象，通过调用 JSON.stringify(obj) 方法，我们可以得到一个格式化后的字符串，即 jsonString 。另外，如果要将整个JSON对象转换为一行字符串而非多行字符串，则可以使用 JSON.stringify() 方法的第三个参数，如下：

const obj = { name: 'Alice', age: 26 };
const jsonString = JSON.stringify(obj, null, '');
console.log(jsonString); // {"name":"Alice","age":26}

String对象转JSON对象

将String对象转换为JSON对象的方法是使用 JSON.parse() 方法，它可以将一个格式化后的字符串转换为JSON对象。具体用法如下：

const jsonString = '{"name":"Alice","age":26}';
const obj = JSON.parse(jsonString);
console.log(obj); // { name: 'Alice', age: 26 }

在上面的代码中，jsonString 是一个格式化后的字符串，通过调用 JSON.parse(jsonString) 方法，我们可以得到一个JSON对象，即 obj 。

另外，如果被转换的字符串不是一个有效的JSON字符串，则 JSON.parse() 方法会抛出错误。例如，下面的代码将抛出一个 SyntaxError 错误：

const jsonString = '{ name: "Alice", age: 26 }';
const obj = JSON.parse(jsonString); // 抛出 SyntaxError 错误

因为在上面的代码中，JSON字符串不符合JSON字符串的语法规则。

示例说明

示例一

在实际开发中，我们经常需要通过API接口获取JSON格式的数据，以下是一个API返回的JSON数据示例：

{
  "name": "Bob",
  "age": 28,
  "email": "[e-mail]",
  "hobbies": ["reading", "swimming", "running"],
  "address": {
    "city": "Beijing",
    "street": "South Street",
    "zipCode": "100001"
  }
}

如果我们想要将这个JSON数据转换为String对象，则可以使用以下代码：

const data = {
  "name": "Bob",
  "age": 28,
  "email": "[e-mail]",
  "hobbies": ["reading", "swimming", "running"],
  "address": {
    "city": "Beijing",
    "street": "South Street",
    "zipCode": "100001"
  }
};

const jsonString = JSON.stringify(data);
console.log(jsonString);

输出结果：

{
    "name": "Bob",
    "age": 28,
    "email": "[e-mail]",
    "hobbies": [
        "reading",
        "swimming",
        "running"
    ],
    "address": {
        "city": "Beijing",
        "street": "South Street",
        "zipCode": "100001"
    }
}

示例二

假设我们有一个JSON字符串，它包含学生的成绩和课程信息，我们想将它转换为JavaScript对象，则可以使用以下代码：

const jsonString = '{"name":"Tom","age":18,"grades":{"math":80,"english":85,"science":90}}';
const obj = JSON.parse(jsonString);
console.log(obj);

输出结果：

{
    "name": "Tom",
    "age": 18,
    "grades": {
        "math": 80,
        "english": 85,
        "science": 90
    }
}

在上面的代码中，我们首先定义了一个包含学生成绩和课程信息的JSON字符串 jsonString ，然后调用 JSON.parse(jsonString) 将它转换为了一个JavaScript对象，最后将该对象赋给变量 obj，并将 obj 打印到控制台。