常用的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如下：

 

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

 

递归代码如下：

 

感谢各位的阅读！关于“常用的JS操作JSON方法有哪些”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！

分享文章：常用的JS操作JSON方法有哪些
标题链接：https://www.cdcxhl.com/article32/jgchsc.html

成都网站建设公司_创新互联，为您提供动态网站、网页设计公司、定制开发、网站营销、服务器托管、手机网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联