源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2022-09-13 09:15 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:3分钟掌握常用的JS操作JSON方法总结
工作中做了几款自动化测试工具都是跟日志读取相关,日志格式又大多数都是JSON,所以这里把常用的JS操作JSON的方法做了总结~~ [b]一、概要简介[/b] JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。 在JSON中,有两种结构:对象和数组 1、对象以“{”开始,“}”结束,“key/value”之间运用 “,”分隔。 [img]http://files.jb51.net/file_images/article/201704/201704250915095.png[/img]   2、数组以“[”开始,“]”结束。值之间运用 “,”分隔。 [img]http://files.jb51.net/file_images/article/201704/201704250915096.png[/img]   [b]二、JSON对象和JSON字符串的转换[/b] 在数据传输过程中,JSON是以字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。如下: JSON字符串: [img]http://files.jb51.net/file_images/article/201704/201704250915099.png[/img]   JSON对象: [img]http://files.jb51.net/file_images/article/201704/2017042509150910.png[/img]   1、将String转化为JSON [img]http://files.jb51.net/file_images/article/201704/2017042509151012.png[/img]   2、将JSON转化为String [img]http://files.jb51.net/file_images/article/201704/2017042509151015.png[/img]   [b]三、JSON的输出美化[/b] 上一节我们讲到了将JSON对象转化为JSON字符串可以用JSON.stringify() 方法,stringify还有个可选参数space(1<=space<=10),可以指定缩进的空格数,用于美化输出; [img]http://files.jb51.net/file_images/article/201704/2017042509151016.png[/img]   我们看下代码: [img]http://files.jb51.net/file_images/article/201704/2017042509151018.png[/img]   待美化的JSON: [img]http://files.jb51.net/file_images/article/201704/2017042509151121.jpg[/img]   美化后的输出,是不是看得更清晰了: [img]http://files.jb51.net/file_images/article/201704/2017042509151122.png[/img]   [b]四、JSON字符串的替换[/b] 日志处理中常常有这样的字符串,如下: [img]http://files.jb51.net/file_images/article/201704/2017042509151125.jpg[/img]   需要经过替换后,才能变成标准的JSON字符串格式,从而转化成JSON对象。这里我们需要用JS实现replaceAll的功能,将所有的 ' \\" ' 替换成  ' " ' 。 代码如下,这里的gm是固定的,g表示global,m表示multiple: [img]http://files.jb51.net/file_images/article/201704/2017042509151127.png[/img]   替换后的效果如下: [img]http://files.jb51.net/file_images/article/201704/2017042509151228.png[/img]   [b]五、遍历JSON对象和数组[/b] 1、遍历JSON对象,代码如下: [img]http://files.jb51.net/file_images/article/201704/2017042509151231.png[/img]   2、遍历JSON数组,代码如下: [img]http://files.jb51.net/file_images/article/201704/2017042509151332.png[/img]   [b]六、递归遍历JSON对象[/b] 为了实现一些复杂功能常常需要递归遍历JSON对象,这里给出一个递归的例子,希望能给大家作为参考。 例子中要求处理JSON字符串,遇到数组的时候,数组中有超过一个对象,删除第一个对象之后的所有对象,假设原始JSON如下: [img]http://files.jb51.net/file_images/article/201704/2017042509151335.png[/img]   要求处理后的数组中只保留第一个对象,处理完成后应该如下图所示: [img]http://files.jb51.net/file_images/article/201704/2017042509151337.png[/img]   递归代码如下: [img]http://files.jb51.net/file_images/article/201704/2017042509151438.jpg[/img]   以上所述是小编给大家介绍的3分钟掌握常用的JS操作JSON方法总结,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程素材网网站的支持!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部