JS对象与json字符串相互转换实现方法示例

下面是JS对象与JSON字符串相互转换的完整攻略。

什么是JSON？

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它是由Douglas Crockford提出的。JSON采用了类似于JavaScript对象的格式来存储和传递数据，因此JSON在JavaScript程序中得到了广泛使用。

JS对象与JSON字符串的相互转换

在JavaScript程序中，我们经常需要将JS对象转换成JSON字符串，或者把JSON字符串转换成JS对象。下面是两种实现方法的示例：

方法一：使用JSON.stringify()和JSON.parse()

将JS对象转换成JSON字符串

我们可以使用JSON.stringify()方法将JS对象转化成JSON字符串。示例如下：

const person = {
  name: "张三",
  age: 30,
  gender: "男"
}
const jsonStr = JSON.stringify(person);
console.log(jsonStr); // {"name":"张三","age":30,"gender":"男"}

将JSON字符串转换成JS对象

我们可以使用JSON.parse()方法将JSON字符串转换为JS对象。示例如下：

const jsonStr = '{"name":"张三","age":30,"gender":"男"}';
const person = JSON.parse(jsonStr);
console.log(person.name); // 张三
console.log(person.age); // 30
console.log(person.gender); // 男

方法二：使用eval()

eval()函数可以将一个字符串解析成JavaScript代码并运行。因此，我们可以将JSON字符串作为参数传递给eval()函数，通过eval()函数运行后得到JS对象。示例如下：

将JS对象转换成JSON字符串

const person = {
  name: "张三",
  age: 30,
  gender: "男"
};
const jsonStr = '(' + JSON.stringify(person) + ')';
console.log(jsonStr); // {"name":"张三","age":30,"gender":"男"}

const personCopy = eval(jsonStr);
console.log(personCopy.name); // 张三
console.log(personCopy.age); // 30
console.log(personCopy.gender); // 男

注意：

使用eval()函数解析字符串存在一定的安全风险，尤其是当字符串的来源不能100%可信时。这是因为eval()函数执行字符串时会将字符串中的所有内容都当做可执行代码来处理，如果字符串中包含有恶意代码，则这些代码将有可能被执行。因此，在实际代码中，我们一般不建议使用eval()函数来解析JSON字符串。

结论

以上就是JS对象与JSON字符串相互转换的实现方法示例。由于eval()函数的安全性不高，我们一般采用JSON.stringify()和JSON.parse()的方法来进行转换。而且，这两个方法的兼容性较好，几乎覆盖了所有现代浏览器。