JS对象序列化成json数据和json数据转化为JS对象的代码

一、JS对象序列化成JSON数据

JS对象序列化成JSON数据的方法是使用JSON.stringify()函数，将JS对象转换成json字符串。

举个例子，如果我们有以下的JS对象：

let person = {
  name: 'Alice',
  age: 20,
  gender: 'female'
}

我们可以将它序列化成JSON数据：

let jsonStr = JSON.stringify(person);
console.log(jsonStr);

输出结果：

{"name":"Alice","age":20,"gender":"female"}

这里我们使用JSON.stringify()将person对象转换为了json字符串，可以看到该字符串符合JS对象与JSON数据的转换规则。

二、JSON数据转化为JS对象

JSON数据转化为JS对象的方法是使用JSON.parse()函数，将json字符串转换成JS对象。

继续以上面的例子为例，我们可以将json字符串转化为JS对象：

let person = {"name":"Alice","age":20,"gender":"female"};
let jsonObj = JSON.parse(person);
console.log(jsonObj.name); // 输出：Alice

这里我们使用了JSON.parse()函数将json字符串person转换成了JS对象jsonObj，可以看到我们成功访问了jsonObj的name属性，并输出了对应的值。

三、示例说明

1. JS对象序列化成JSON数据

let people = [
  {name: 'Alice', age: 20, gender: 'female'},
  {name: 'Bob', age: 30, gender: 'male'},
  {name: 'Cathy', age: 25, gender: 'female'}
]
let jsonStr = JSON.stringify(people);
console.log(jsonStr);

输出结果：

[
  {"name":"Alice","age":20,"gender":"female"},
  {"name":"Bob","age":30,"gender":"male"},
  {"name":"Cathy","age":25,"gender":"female"}
]

这里我们将一个包含多个JS对象的数组people，使用JSON.stringify()函数将其转换为json字符串。输出结果可以发现，该字符串符合JSON数据的结构规范并且包含了数组中所有的JS对象。

1. JSON数据转化为JS对象

let jsonStr = '{"name":"Alice","age":20,"gender":"female"}';
let person = JSON.parse(jsonStr);
console.log(person.name); // 输出：Alice

这里我们手动编写了一个json字符串，使用JSON.parse()函数将其转换成了JS对象person，并成功访问了其中的name属性，并输出了对应的值。