JS操作JSON有哪些方法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JS操作JSON有哪些方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1750字，纯文字阅读大概需要3分钟。

内容图文

这次给大家带来JS操作JSON有哪些方法，JS操作JSON的注意事项有哪些，下面就是实战案例，一起来看一下。

一、概要简介

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。

在JSON中，有两种结构：对象和数组

1、对象以“{”开始，“}”结束，“key/value”之间运用 “,”分隔。

2、数组以“[”开始，“]”结束。值之间运用 “,”分隔。

二、JSON对象和JSON字符串的转换

在数据传输过程中，JSON是以字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键。如下：

JSON字符串：

JSON对象：

1、将String转化为JSON

2、将JSON转化为String

三、JSON的输出美化

上一节我们讲到了将JSON对象转化为JSON字符串可以用JSON.stringify() 方法，stringify还有个可选参数space（1<=space<=10），可以指定缩进的空格数，用于美化输出；

我们看下代码：

待美化的JSON：

美化后的输出，是不是看得更清晰了：

四、JSON字符串的替换

日志处理中常常有这样的字符串，如下：

需要经过替换后，才能变成标准的JSON字符串格式，从而转化成JSON对象。这里我们需要用JS实现replaceAll的功能，将所有的 ' \\" ' 替换成 ' " ' 。

代码如下,这里的gm是固定的，g表示global，m表示multiple：

替换后的效果如下：

五、遍历JSON对象和数组

1、遍历JSON对象，代码如下：

2、遍历JSON数组，代码如下：

六、递归遍历JSON对象

为了实现一些复杂功能常常需要递归遍历JSON对象，这里给出一个递归的例子，希望能给大家作为参考。

例子中要求处理JSON字符串，遇到数组的时候，数组中有超过一个对象，删除第一个对象之后的所有对象，假设原始JSON如下：

要求处理后的数组中只保留第一个对象，处理完成后应该如下图所示：

递归代码如下：

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

推荐阅读：

JQuery实现侧边栏菜单

jquery点击缩略图切换播放效果实现

jQuery焦点图横向滚动实现方法

以上就是JS操作JSON有哪些方法的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的JS操作JSON有哪些方法全部内容，希望文章能够帮你解决JS操作JSON有哪些方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---