Javascript JSON.parse()和JSON.stringify()的区别用法及代码示例

JSON.parse()将 JSON 字符串转换为 JavaScript 对象，而 JSON.stringify() 将 JavaScript 对象转换为JSON 字符串。 JavaScript 利用 JSON 在服务器和网页之间进行数据交换。这些方法可以在 Web 开发中轻松进行数据操作和传输。

JSON.parse()方法

JSON parse()将 JSON 字符串转换为 JavaScript 对象。它接受 JSON 字符串作为输入。向本地Web服务器发送数据时必须采用字符串格式。它对于将数据存储在本地存储中非常有用，因为浏览器将数据存储在键值对中。

用法

JSON.parse( string, function )

例子：在此示例中，我们定义了一个包含 JSON-like 数据的常量 myInfo。它被解析为对象 Obj。然后，代码记录 Obj 中的 Name 和 Age 值。结果输出将分别是 GFG 和 22。

const myInfo = `{
   "Name": "GFG", 
   "Age":22,
   "Department" : "Computer Science and Engineering",
   "Year": "3rd"
}`
const Obj = JSON.parse(myInfo);
console.log(Obj.Name)  
console.log(Obj.Age)

GFG
22

JSON.stringify()方法

JSON stringify()将 JavaScript 对象转换为 JSON 字符串，接受单个对象参数。它与 JSON.parse() 形成对比。使用替换参数，键值对上的逻辑是可行的。 JSON 中不允许使用日期格式；因此，它们应该作为字符串包含在内。

用法

JSON.stringify(value, replacer, space);

例子：在本示例中，我们使用 JSON.stringify() 将 JavaScript 对象 myInfo 转换为 JSON 字符串。然后它会记录生成的 JSON 字符串，该字符串表示对象的数据。

const myInfo = {
   Name: "GFG", 
   Age:22,
   Department : "Computer Science and Engineering",
   Year: "3rd"
}
const Obj = JSON.stringify(myInfo);
console.log(Obj)

{"Name":"GFG","Age":22,"Department":"Computer Science and Engineering","Year":"3rd"}

JSON.stringify() 方法与 JSON.parse() 方法之间的区别