3分钟掌握常用的JS操作JSON方法!

Posted Qtest之道

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了3分钟掌握常用的JS操作JSON方法!相关的知识,希望对你有一定的参考价值。

工作中做了几款自动化测试工具都是跟日志读取相关,日志格式又大多数都是JSON,所以这里把常用的JS操作JSON的方法做了总结~~

3分钟掌握常用的JS操作JSON方法!

1

1

概要简介

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

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

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

3分钟掌握常用的JS操作JSON方法!

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

3分钟掌握常用的JS操作JSON方法!


1

1

JSON对象和JSON字符串的转换

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

JSON字符串:

3分钟掌握常用的JS操作JSON方法!

JSON对象:

3分钟掌握常用的JS操作JSON方法!

1、将String转化为JSON

3分钟掌握常用的JS操作JSON方法!

2、将JSON转化为String

3分钟掌握常用的JS操作JSON方法!


1

1

JSON的输出美化

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

3分钟掌握常用的JS操作JSON方法!

我们看下代码:

3分钟掌握常用的JS操作JSON方法!

待美化的JSON:

3分钟掌握常用的JS操作JSON方法!

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

3分钟掌握常用的JS操作JSON方法!


1

1

JSON字符串的替换

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

3分钟掌握常用的JS操作JSON方法!

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

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

3分钟掌握常用的JS操作JSON方法!

替换后的效果如下:

3分钟掌握常用的JS操作JSON方法!


1

1

遍历JSON对象和数组

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

3分钟掌握常用的JS操作JSON方法!

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

3分钟掌握常用的JS操作JSON方法!


1

1

递归遍历JSON对象

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

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

3分钟掌握常用的JS操作JSON方法!

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

3分钟掌握常用的JS操作JSON方法!

递归代码如下:

3分钟掌握常用的JS操作JSON方法!


1

END

1

3分钟掌握常用的JS操作JSON方法!






以上是关于3分钟掌握常用的JS操作JSON方法!的主要内容,如果未能解决你的问题,请参考以下文章

js常用JSON数据操作

第3章WEB03- JS篇

5分钟掌握8个常用交互组件,轻松进阶原型设计

python常用模块——jsonpickleshelve

JS 中Json常用操作

js 常用 json数据操作