怎么查看JSON格式:从基础到工具全解析
在数据交互、API调试、配置文件管理等场景中,JSON(JavaScript Object Notation)作为一种轻量级的数据交换格式,因其易读、易解析的特性被广泛应用,无论是开发者在调试接口时需要查看返回的JSON数据,还是普通用户需要理解某个JSON文件的内容,“怎么查看JSON格式”都是常见需求,本文将从JSON的基础概念出发,详细介绍多种查看JSON格式的方法,涵盖代码、工具和在线平台,助你轻松搞定JSON数据。
先搞懂:什么是JSON格式?
在查看JSON之前,先简单认识它的结构,JSON是一种键值对(Key-Value Pair)的数据组织方式,其基本结构包括两种:
- 对象(Object):用 包裹,无序集合,由多个键值对组成,键(Key)必须是字符串(需用双引号 包裹),值(Value)可以是字符串、数字、布尔值、数组、对象甚至null,
{"name": "张三", "age": 25, "isStudent": false} - 数组(Array):用
[]包裹,有序集合,元素可以是任意类型(包括对象),[{"name": "李四", "age": 30}, {"name": "王五", "age": 28}]
JSON的语法规则严格:键必须用双引号,值如果是字符串也必须用双引号,不能有注释(部分工具支持扩展),结尾不能有逗号(最后一个键值对或数组元素后无逗号),了解这些基础,能更好地识别和查看JSON数据。
方法1:代码查看JSON(适合开发者)
如果你是开发者,通过代码查看JSON是最直接的方式,尤其适合在程序中动态处理或调试JSON数据,以下是不同编程语言的常用方法:
Python:json模块 + 格式化输出
Python内置了json模块,可轻松解析和格式化JSON,假设有一个JSON字符串json_str:
import json
json_str = '{"name": "张三", "age": 25, "courses": ["数学", "英语"], "info": null}'
data = json.loads(json_str) # 解析JSON字符串为Python字典/列表
# 方法1:直接打印(可能无缩进,可读性一般)
print(data)
# 输出:{'name': '张三', 'age': 25, 'courses': ['数学', '英语'], 'info': None}
# 方法2:格式化输出(带缩进,更易读)
formatted_json = json.dumps(data, indent=2, ensure_ascii=False) # indent=2缩进2空格,ensure_ascii支持中文
print(formatted_json)
# 输出:
# {
# "name": "张三",
# "age": 25,
# "courses": [
# "数学",
# "英语"
# ],
# "info": null
# }
如果是JSON文件(如data.json),可用json.load()读取文件对象:
with open("data.json", "r", encoding="utf-8") as f:
data = json.load(f)
print(json.dumps(data, indent=2))
JavaScript:JSON.stringify()格式化
在JavaScript(浏览器控制台或Node.js)中,可用JSON.stringify()将对象/数组转换为JSON字符串,并通过prettyprint参数格式化:
const data = {
name: "李四",
age: 30,
courses: ["数学", "英语"],
info: null
};
// 直接转换(无缩进)
const jsonStr = JSON.stringify(data);
console.log(jsonStr);
// 输出:{"name":"李四","age":30,"courses":["数学","英语"],"info":null}
// 格式化输出(缩进2空格)
const formattedJson = JSON.stringify(data, null, 2);
console.log(formattedJson);
// 输出:
// {
// "name": "李四",
// "age": 30,
// "courses": [
// "数学",
// "英语"
// ],
// "info": null
// }
// 浏览器控制台查看:直接在Chrome/Firefox开发者工具Console中输入`formattedJson`,或右键选择“格式化打印”
Java:Gson/Jackson库格式化
Java中常用Gson或Jackson库处理JSON,以Gson为例:
import com.google.gson.Gson;
import com.google.gson.GsonBuilder;
public class JsonViewer {
public static void main(String[] args) {
String jsonStr = "{\"name\":\"王五\",\"age\":28,\"courses\":[\"数学\",\"英语\"]}";
// 解析为对象
Gson gson = new Gson();
Data data = gson.fromJson(jsonStr, Data.class);
// 格式化输出
Gson prettyGson = new GsonBuilder().setPrettyPrinting().create();
String formattedJson = prettyGson.toJson(data);
System.out.println(formattedJson);
}
static class Data {
String name;
int age;
String[] courses;
}
}
// 输出格式同Python,会自动缩进
方法2:文本编辑器查看JSON(适合文件查看)
如果你有一个JSON文件(如.json后缀),用文本编辑器打开是最直接的方式,但普通文本编辑器(如Windows记事本)可能无法格式化,推荐以下支持JSON高亮和格式化的工具:
VS Code:免费、轻量、功能强大
Visual Studio Code(VS Code)是开发者常用的免费编辑器,对JSON支持极佳:
- 打开文件:直接拖拽
.json文件到VS Code,或通过“文件→打开”选择。 - 语法高亮:JSON文件会自动显示不同颜色(键、字符串、数字、布尔值等),方便区分结构。
- 格式化:按
Shift+Alt+F(Windows/Linux)或Shift+Option+F(Mac),或右键选择“格式化文档”,JSON会自动缩进对齐,修复语法错误(如多余逗号)。 - 折叠/展开:点击代码行号左侧的可折叠整个JSON对象/数组,方便查看大文件结构。
Sublime Text:快速、简洁
Sublime Text是另一款流行的轻量级编辑器,支持JSON语法高亮和格式化:
- 安装“JSON”插件(通过
Ctrl+Shift+P打开命令面板,输入“Install Package”搜索“JSON”)。 - 打开JSON文件后,按
Ctrl+Shift+P,输入“Format JSON”即可格式化。
Notepad++:Windows用户友好
Windows系统下的Notepad++免费且功能丰富:
- 打开JSON文件后,点击“语言→JSON”(会自动识别),开启语法高亮。
- 格式化:按
Ctrl+Alt+J,或菜单栏“插件→JSON Tools→Pretty JSON”。
方法3:在线JSON查看器(无需安装,适合临时查看)
如果你没有安装专业工具,或需要快速查看某个JSON字符串/URL,在线JSON查看器是最佳选择,这些工具通常支持格式化、折叠、验证、编辑等功能,无需本地配置:
JSON Formatter & Validator (https://jsonformatter.curiousconcept.com/)
- 功能:输入JSON字符串或URL,自动格式化、验证语法错误,支持折叠/展开节点,显示错误位置(如缺少引号、多余逗号)。
- 使用:打开网站,在左侧输入框粘贴JSON字符串,右侧立即显示格式化结果;底部有“Validate”按钮可检查语法。
Code Beautify (https://codebeautify.org/jsonviewer)
- 功能:除了格式化,还支持JSON转XML/CSV、压缩JSON、生成JSON Schema等,功能更全面。
- 使用:选择“JSON Viewer”工具,粘贴JSON后点击“Beautify JSON”,左侧显示树形结构(可逐层展开),右侧显示原始代码。
JSONLint (https://jsonlint.com/)
- 功能:专注于JSON语法验证,如果JSON格式错误(如引号不匹配、对象未闭合),会明确提示错误行号和原因。
- 使用:粘贴JSON后点击“Validate”,错误时会显示红色提示,正确则显示“Valid JSON”。
浏览器插件:Chrome JSON Viewer
如果你经常在浏览器中查看API返回的JSON数据,可安装Chrome插件“JSON Viewer”(如“JSON Viewer Pro”):
- 安装后,在浏览器中打开包含JSON的页面(如API响应),点击插件图标,JSON会以树形结构在新标签页展示,支持折叠、搜索、复制路径等功能。



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