资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

常用的JS操作JSON方法有哪些-创新互联

这篇文章给大家分享的是有关常用的JS操作JSON方法有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

创新互联主营敦化网站建设的网络公司,主营网站建设方案,重庆App定制开发,敦化h5微信小程序搭建,敦化网站营销推广欢迎敦化等地区企业咨询

一、概要简介

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

在JSON中,有两种结构:对象和数组

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

常用的JS操作JSON方法有哪些

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

常用的JS操作JSON方法有哪些

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

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

JSON字符串:

常用的JS操作JSON方法有哪些

JSON对象:

常用的JS操作JSON方法有哪些

1、将String转化为JSON

常用的JS操作JSON方法有哪些

2、将JSON转化为String

常用的JS操作JSON方法有哪些

三、JSON的输出美化

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

常用的JS操作JSON方法有哪些

我们看下代码:

常用的JS操作JSON方法有哪些

待美化的JSON:

常用的JS操作JSON方法有哪些

美化后的输出,是不是看得更清晰了:

常用的JS操作JSON方法有哪些

四、JSON字符串的替换

日志处理中常常有这样的字符串,如下:

常用的JS操作JSON方法有哪些

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

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

常用的JS操作JSON方法有哪些

替换后的效果如下:

常用的JS操作JSON方法有哪些

五、遍历JSON对象和数组

1、遍历JSON对象,代码如下:

常用的JS操作JSON方法有哪些

2、遍历JSON数组,代码如下:

常用的JS操作JSON方法有哪些

六、递归遍历JSON对象

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

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

常用的JS操作JSON方法有哪些

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

常用的JS操作JSON方法有哪些

递归代码如下:

常用的JS操作JSON方法有哪些

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

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


分享标题:常用的JS操作JSON方法有哪些-创新互联
URL链接:http://cdkjz.cn/article/cdojod.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220