在前端开发中，我们经常需要和 JSON 数据打交道。然而，处理大量 JSON 数据的时候，我们往往需要花费大量的时间进行格式化和查看，这很不方便。为了解决这个问题，我们可以使用一个名为 jsonview 的 npm 包，它可以将 JSON 数据以更加易读的方式呈现出来。
本文会介绍如何使用 jsonview 进行 JSON 格式化和查看，以及一些常用的命令和参数。同时，本文也提供一些实例代码，以便读者更好地理解和运用 jsonview。
安装
首先，我们需要安装 jsonview，可以使用以下命令进行安装：
npm install -g jsonview
基本使用方法
jsonview 提供了两种基本的使用方法：
- 将 JSON 数据格式化输出到终端中
- 将 JSON 数据保存到文件中并格式化输出
将 JSON 数据格式化输出到终端中
要将 JSON 数据格式化输出到终端中，我们可以使用以下命令：
jsonview <json-data>
其中，<json-data> 是我们要处理的 JSON 数据。例如，我们有以下 JSON 数据：
-- -------------------- ---- ------- - ------- -------- ------ --- ---------- - ---------- ------------ -- ---------- - ------- ----------- ---------- ------- - -展开代码
我们可以使用以下命令将其格式化输出到终端中：
jsonview '{"name":"Alice","age":25,"hobbies":["reading","travelling"],"address":{"city":"Shanghai","country":"China"}}'
输出结果如下：
-- -------------------- ---- ------- - ------- -------- ------ --- ---------- - ---------- ------------ -- ---------- - ------- ----------- ---------- ------- - -展开代码
将 JSON 数据保存到文件中并格式化输出
要将 JSON 数据保存到文件中并格式化输出，我们可以使用以下命令：
jsonview <json-data> -o <output-file>
其中，<json-data> 是我们要处理的 JSON 数据，<output-file> 是我们要保存数据的文件名。例如，我们有以下 JSON 数据：
-- -------------------- ---- ------- - ------- ------ ------ --- ---------- - ----------- --------- -------- -- ---------- - ------- ---------- ---------- ------- - -展开代码
我们可以使用以下命令将其保存到文件 data.json 中并格式化输出：
jsonview '{"name":"Bob","age":30,"hobbies":["swimming","hiking","coding"],"address":{"city":"Beijing","country":"China"}}' -o data.json
输出结果如下：
-- -------------------- ---- ------- - ------- ------ ------ --- ---------- - ----------- --------- -------- -- ---------- - ------- ---------- ---------- ------- - -展开代码
常用命令
除了基本使用方法外，jsonview 还提供了一些常用的命令和参数，以便进行更加细致的操作。下面是一些常用的命令和参数：
- 使用
-i参数可以将输出的 JSON 数据缩进，使其更易读。 - 使用
-r参数可以通过管道（|）将 JSON 数据从其他命令中传输给 jsonview（相当于<json-data>参数）。 - 使用
-p参数可以指定 JSON 数据中要输出的属性。 - 使用
-s参数可以指定 JSON 数据中要输出的属性的顺序。
下面我们来看一些具体的例子。
使用 -i 参数缩进输出
使用 -i 参数可以将输出的 JSON 数据缩进，使其更易读。例如，我们有以下 JSON 数据：
-- -------------------- ---- ------- - ------- ---------- ------ --- ---------- - ---------- -------- ------------ --------- -------- -------- -- ---------- - ------- ------------ ---------- ------- - -展开代码
我们可以使用以下命令将其格式化输出并缩进：
jsonview '{"name":"Charlie","age":22,"hobbies":["running","playing basketball","watching movies","coding"],"address":{"city":"Guangzhou","country":"China"}}' -i
输出结果如下：
-- -------------------- ---- ------- - ------- ---------- ------ --- ---------- - ---------- -------- ------------ --------- -------- -------- -- ---------- - ------- ------------ ---------- ------- - -展开代码
使用 -r 参数从其他命令中传输 JSON 数据
使用 -r 参数可以通过管道（|）将 JSON 数据从其他命令中传输给 jsonview（相当于 <json-data> 参数）。例如，我们有以下 JSON 数据：
-- -------------------- ---- ------- - ------- -------- ------ --- ---------- - ---------- ---------- -------- ------- -- ---------- - ------- --------- ---------- -------- - -展开代码
我们可以使用以下命令将其传输给 jsonview 并格式化输出：
echo '{"name":"David","age":28,"hobbies":["cooking","singing","playing guitar"],"address":{"city":"Taipei","country":"Taiwan"}}' | jsonview -r
输出结果同样为：
-- -------------------- ---- ------- - ------- -------- ------ --- ---------- - ---------- ---------- -------- ------- -- ---------- - ------- --------- ---------- -------- - -展开代码
使用 -p 参数指定要输出的属性
使用 -p 参数可以指定 JSON 数据中要输出的属性。例如，我们有以下 JSON 数据：
-- -------------------- ---- ------- - ------- ------ ------ --- ---------- - ---------- --------- -- ---------- - ------- ----- ------ ---------- ------- - -展开代码
我们可以使用以下命令指定只输出 name 和 address 两个属性：
jsonview '{"name":"Eva","age":35,"hobbies":["reading","drawing"],"address":{"city":"Hong Kong","country":"China"}}' -p name address
输出结果为：
{ "name": "Eva", "address": { "city": "Hong Kong", "country": "China" } }
使用 -s 参数指定要输出的属性的顺序
使用 -s 参数可以指定 JSON 数据中要输出的属性的顺序。例如，我们有以下 JSON 数据：
-- -------------------- ---- ------- - ------- -------- ------ --- ---------- - ------- -------- ---------- ------- -- ---------- - -------- ----------- ---------- - -展开代码
我们可以使用以下命令指定输出 age 在 name 之后：
jsonview '{"name":"Frank","age":40,"address":{"city":"Tokyo","country":"Japan"},"hobbies":["piano","swimming","painting"]}' -s name age
输出结果为：
-- -------------------- ---- ------- - ------- -------- ------ --- ---------- - ------- -------- ---------- ------- -- ---------- - -------- ----------- ---------- - -展开代码
结语
本文中，我们介绍了 npm 包 jsonview 的基本使用方法及其常用命令和参数。jsonview 可以帮助我们更加方便地处理大量的 JSON 数据，并且通过一些常用的命令和参数，我们可以进行更加细致的操作。相信读者在阅读完本文后，会对 jsonview 有更深入的了解，并能够更好地运用它来提高工作效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/jsonview
