JSON文件格式化方法详解：VSCode插件与命令行工具

JSON是一种用于存储和交换数据的标准语法格式。

在浏览器与服务器之间进行数据交换时，传输的内容必须为文本格式。

JSON本质上是文本数据，我们可以将任何JavaScript对象转换为JSON字符串，并将其发送至服务器。

同样地，我们也可以将从服务器接收到的JSON数据转换回JavaScript对象。

通过这种方式，数据可以直接作为JavaScript对象进行处理，从而避免了复杂的解析和转换过程。

2. 格式化问题描述

有时，当我们使用IDE或文档查看器打开JSON文件时，会发现内容显示为长长的一行，如下图所示

有时虽然分成了多行，但整个文件看起来像普通文本文档一样整齐地换行。

这种格式对计算机读取没有任何影响，但对人类阅读非常不友好。本文介绍两种格式化方法，格式化后能显著提升文件的可读性。

3. vscode-json插件

VSCode编辑器功能强大，被誉为最优质的编辑器之一。vscode-json是专为它开发的一款插件。

由于VSCode支持安装插件扩展，我们可以在此环境中搜索并找到适用于JSON格式的插件。

下载并安装vscode-json插件，因为其简介中明确说明支持JSON格式化功能。

• 转化为带缩进的形式（对人更友好）

在Ubuntu系统中，按下Ctrl + Alt + B三个按键。

在Mac系统中，按下Cmd + Alt + B三个键。

• 转化为单行形式

在Ubuntu系统中，按下Ctrl + Alt + U三个按键。

在Mac系统中，按下Cmd + Alt + U三个键。

在JSON格式文件中，按照上述格式化快捷键执行调整后，JSON格式的可读性和美观性得到极大增强。效果如下所示：

4. 在线格式化

访问网址JSON在线视图查看器(Online JSON Viewer)。

将JSON文件的内容复制到左侧的JSON数据框中，右侧视图会立即显示格式化后的结果。需要注意的是，当数据量较大时，使用该工具可能会出现卡顿现象。

5. 命令化格式化

当JSON文件体积非常大时，建议使用该方法进行处理。

For Mac/Linux users:

cat ugly.json | python -mjson.tool > pretty.json

For Windows users

type ugly.json | python -mjson.tool > pretty.json

参考文献

JSON 简介

https://jingyan.baidu.com/article/0964eca21cebaec384f5362b.html

data processing - Best way to format large JSON file? (~30 mb) - Stack Overflow

到此这篇关于Json文件格式化方法的文章就介绍到这了,更多相关Json文件格式化内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！