如何查看输出JSON格式:从基础到实用技巧
在数据交互、API调试、程序开发等场景中,JSON(JavaScript Object Notation)作为一种轻量级的数据交换格式,因其可读性强、结构简单被广泛应用,无论是调用接口返回的数据、程序输出的日志,还是配置文件,常以JSON格式呈现,但如何高效、准确地“查看”这些JSON数据,尤其是当数据结构复杂或内容较多时,成了不少开发者乃至数据工作者的痛点,本文将从基础概念出发,结合工具和技巧,全面讲解如何查看输出JSON格式。
先搞懂:什么是JSON格式?
在学会“查看”之前,先快速回顾JSON的核心特征——这能帮助我们在后续操作中快速识别数据结构,JSON本质上是键值对(Key-Value Pair)的集合,数据结构分为两种:
- 对象(Object):用 包裹,由多个键值对组成,键(Key)必须是字符串(需用双引号 包裹),值(Value)可以是字符串、数字、布尔值、数组、对象甚至null。
{"name": "张三", "age": 25, "isStudent": false} - 数组(Array):用
[]包裹,元素可以是任意JSON支持的类型(包括嵌套的对象或数组)。[{"city": "北京"}, {"city": "上海"}, {"city": "广州"}]
其他基础值类型:字符串("text")、数字(123、14)、布尔值(true/false)、null。
关键点:JSON的键必须用双引号,单引号会导致格式错误;值中的字符串也需用双引号(除非是数字、布尔值等简单类型),这些特征能帮我们在查看时快速判断数据是否“合法”。
查看JSON的“基础款”方法:文本编辑器与打印输出
对于简单的JSON数据(比如几行到几十行),最直接的方式就是直接“看”,这里推荐两种基础操作:
用文本编辑器打开/粘贴(适合小数据量)
如果JSON数据以文件形式存在(如 data.json),或可以直接复制文本,用任何文本编辑器(如Windows的记事本、macOS的文本编辑、Linux的gedit/vim)打开即可。
优点:无需安装额外工具,系统自带;适合快速查看原始文本内容。
缺点:没有结构化展示,当数据层级深或字段多时,可读性差(比如分不清哪个键对应哪个值,容易看花眼)。
程序中打印输出(适合开发者调试)
在代码中处理JSON时,最常见的是通过打印语句直接输出。
-
Python:使用
json模块格式化输出import json data = {"name": "李四", "hobbies": ["reading", "coding"], "address": {"city": "深圳"}} print(json.dumps(data, indent=2, ensure_ascii=False)) # indent=2缩进2空格,ensure_ascii=False支持中文输出:
{ "name": "李四", "hobbies": [ "reading", "coding" ], "address": { "city": "深圳" } } -
JavaScript(浏览器控制台/Node.js):直接
console.log()或使用JSON.stringify()const data = {name: "王五", scores: [90, 88, 92], info: {age: 22}}; console.log(JSON.stringify(data, null, 2)); // 第三个参数为缩进空格数
优点:直接在开发环境中查看,适合调试代码逻辑;通过缩进和换行让结构更清晰。
缺点:依赖代码运行环境,不适合查看已保存的JSON文件。
进阶工具:结构化查看与格式化(适合复杂数据)
当JSON数据超过100行,或存在多层嵌套(如对象嵌套数组、数组再嵌套对象)时,纯文本查看会变得非常困难,此时需要“结构化查看工具”,它们能通过折叠/展开节点、高亮语法、搜索字段等功能,大幅提升可读性。
在线JSON查看器(无需安装,适合临时查看)
如果不想安装软件,或需要快速查看一份JSON文件/文本,在线工具是最佳选择,推荐几个常用工具:
-
JSON Formatter & Validator(https://jsonformatter.curiousconcept.com/)
功能:自动格式化JSON(缩进、换行),支持折叠/展开节点,高亮显示键值对,还能校验JSON是否合法(若语法错误会提示具体位置)。
使用:打开网页后,将JSON文本粘贴到左侧输入框,右侧自动格式化显示;支持上传文件(.json)。 -
Code Beautify(https://codebeautify.org/jsonviewer)
功能:除了格式化,还能生成JSON树形图、转换XML/CSV等,适合需要多格式转换的场景。 -
中国工具人在线JSON格式化(https://www.bejson.com/jsonviewernew/)
功能:支持中文界面,能展开/折叠节点,搜索关键字,计算JSON大小(字节数),适合国内用户。
优点:无需安装,打开网页即用;适合临时查看或快速验证JSON格式。
缺点:需上传数据到第三方服务器,敏感数据慎用;依赖网络,无网络时无法使用。
桌面工具:功能更强大的本地查看器
如果需要频繁处理JSON文件(比如开发API、分析日志数据),桌面工具会更高效,推荐几款跨平台工具:
-
VS Code(Visual Studio Code)
VS Code作为主流代码编辑器,对JSON支持极佳:- 打开
.json文件时,自动启用“JSON语言模式”,支持语法高亮(不同类型数据用不同颜色区分,如键蓝色、字符串绿色); - 安装“JSON Viewer”插件(如
HookyQR.vscode-json),左侧显示树形结构,点击节点可快速定位到对应代码行; - 右键菜单支持“格式化文档”(快捷键
Shift+Alt+F),自动整理缩进和换行。
- 打开
-
Sublime Text
轻量级编辑器,打开JSON文件时,通过Tools > Pretty JSON插件(需先安装)格式化,支持折叠/展开代码块,语法高亮清晰。 -
Notepad++(Windows平台)
免费文本编辑器,支持JSON语法高亮(通过“语言 > JSON”菜单开启),安装“JSON Viewer”插件后,可侧边栏显示树形结构,方便导航。
优点:本地运行,数据安全;支持代码编辑、插件扩展,适合开发者日常使用。
缺点:需安装软件,部分工具需配置插件。
浏览器开发者工具(适合查看API返回数据)
如果JSON数据来自网页接口(比如调用RESTful API返回的响应),直接用浏览器开发者工具查看最方便:
-
操作步骤:
- 在网页按
F12打开开发者工具,切换到Network(网络)标签; - 刷新页面或触发接口请求,在请求列表中找到目标接口(如
api/user),点击打开; - 切换到
Response(响应)标签,即可看到接口返回的JSON数据,浏览器会自动格式化(缩进、换行),支持搜索和折叠。
- 在网页按
-
浏览器支持:Chrome、Firefox、Edge等主流浏览器均支持此功能。
优点:无需额外工具,直接在调试接口时查看;实时关联请求和响应,方便调试API。
缺点:仅适用于网页接口返回的数据,无法查看本地JSON文件。
特殊场景:如何查看“非标准”JSON?
实际场景中,我们遇到的“JSON”可能并非完全标准格式,此时需要先预处理再查看:
JSON数据未格式化(单行无缩进)
比如程序直接输出 {"name":"test","age":30,"list":["a","b"]},手动阅读困难。
解决:用前述工具格式化——在线JSON格式化工具、VS Code/Sublime Text的格式化功能、Python/JavaScript的 json.dumps(data, indent=2) 等,都能快速转为可读结构。
JSON数据被压缩(去除空格和换行)
部分API为了减少传输体积,会返回压缩后的JSON(如 {"name":"test","age":30,"list":["a","b"]} 实际是 `{"name":"test","age":30,"list":["a","



还没有评论,来说两句吧...