Json对象与Json字符串互转(4种转换方式)

Json对象与Json字符串的互转是前端开发中经常遇到的问题，本文将介绍4种不同的转换方式。

1. 通过JSON.stringify()将JSON对象转换为JSON字符串

使用 JSON.stringify() 方法可以将一个 JSON 对象转换成 JSON 字符串。这种转换方式可以将一个 JavaScript 对象转换为 JSON 字符串，并可以对该字符串进行操作。

示例代码如下：

const person = { name: 'Alice', age: 28 };
const jsonString = JSON.stringify(person);

// 输出结果：{"name":"Alice","age":28}
console.log(jsonString);

2. 通过JSON.parse()将JSON字符串转换为JSON对象

使用 JSON.parse() 方法将 JSON 字符串转换为 JSON 对象。这种转换方式可以将一个 JSON 字符串转换为 JavaScript 对象，并可以对该对象进行操作。

示例代码如下：

const jsonString = '{"name":"Alice","age":28}';
const person = JSON.parse(jsonString);

// 输出结果：{ name: 'Alice', age: 28 }
console.log(person);

3. 通过new Function方法将JSON字符串转换为JSON对象

使用 new Function("return " + jsonString) 可以将一个 JSON 字符串转换成 JSON 对象。这种转换方式可以将一个 JSON 字符串动态地转换成 JavaScript 对象。

示例代码如下：

const jsonString = '{"name":"Alice","age":28}';
const person = new Function("return " + jsonString)();

// 输出结果：{ name: 'Alice', age: 28 }
console.log(person);

4. 通过eval()方法将JSON字符串转换为JSON对象

尽管 eval() 方法不是最佳选择，但也可以将 JSON 字符串转换成 JSON 对象。这种转换方式也可以将一个 JSON 字符串动态地转换为 JavaScript 对象。但是需要注意的是，使用 eval() 时需要注意安全性问题。

示例代码如下：

const jsonString = '{"name":"Alice","age":28}';
const person = eval("(" + jsonString + ")");

// 输出结果：{ name: 'Alice', age: 28 }
console.log(person);

以上就是四种转换方式的详细攻略。在实际开发中，选择哪种转换方式需要根据具体需求进行选择。同时需要注意在使用 eval() 时要注意安全性问题。