JavaScript 中 JSON.parse 与 JSON.stringify 的使用详解

作者：小括号时间：2026-10-22 19:27:24浏览：568

本文介绍 JavaScript 中 JSON.parse 和 JSON.stringify 两个核心函数的用法。JSON.parse 用于将 JSON 字符串解析为 JavaScript 对象，而 JSON.stringify 则将 JS 对象序列化为 JSON 格式字符串。文章通过具体代码示例演示了字符串到对象及对象到字符串的转换过程，帮助开发者掌握数据格式转换的基本技能。

JSON.parse 函数用法

JSON.parse 函数的主要功能是将符合 JSON 格式的字符串转换为对应的 JavaScript 对象。


<!doctype html>
<html>
 <head>
 <meta charset="UTF-8">
 <title>Document</title>
 <script type="text/javascript">
  var jsontext = '{"Name":"xiaohuzi","Age":"26","Email":"xiaohuzi@test.com","Phone":"123456789"}';
  var p = JSON.parse(jsontext);
  alert(p.Name + ", " + p.Age+", "+p.Email+", "+p.Phone);
 </script>
 </head>
 <body>

运行结果：

JSON.parse 函数用法

JSON.stringify 函数用法

JSON.stringify 函数的作用相反，它能够将 JavaScript 对象序列化为标准的 JSON 字符串表示。


<!doctype html>
<html>
 <head>
 <meta charset="UTF-8">
 <title>Document</title>
 <script type="text/javascript">
  var Person = new Object();
  Person.Name = "XiaoHuzi";
  Person.Age = 26;
  Person.Email="XiaoHuzi@test.com";

  var jsonText = JSON.stringify(Person);

  alert(jsonText);
 </script>
 </head>
 <body>

运行结果

JSON.parse 函数用法

总结

以上所述是小编给大家介绍的JavaScript 中 JSON.parse 函数和 JSON.stringify 函数，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对本站网站的支持！

作者最新文章

JS语法错误会阻止加载吗？区分SyntaxError与资源加载失败

2026-11-05 16:08:46

JavaScript常见SyntaxError语法错误排查与修复方法

2026-11-05 13:58:44

JS中slice、substring和substr截取字符串的区别

2026-11-05 13:43:47

JS 转 TS 手动迁移最佳实践：从配置 tsconfig 到消除 any 类型

2026-11-05 11:53:32

为什么JS数组push后得到的是数字而不是数组？

2026-11-05 09:59:18