在前端开发中，使用npm来加载和管理各种包已成为常规操作。而tbon就是一个非常实用的npm包，它可以将JSON数据转换成类似于纯文本表格的格式，可以用于在终端、网页或其他地方显示数据。下面就来介绍一下如何使用tbon。
安装
在终端中输入以下命令来安装tbon:
npm install -g tbon
使用
基本用法
使用tbon的基本命令为：
tbon <filename> [options]
其中，<filename>代表需要展示的JSON文件路径，[options]代表可选参数。例如，要显示当前目录下的test.json文件：
tbon ./test.json
tbon默认会将JSON数据转换成表格的形式，以可读性更强的方式在终端中展现出来。比如，下面是一份JSON数据：
-- -------------------- ---- -------
-
------------ -------
----------- ------
------ ---
---------- -
---------------- ---- ---- --------
------- ---- ------
-------- -----
------------- -------
-
-使用tbon test.json命令后，会在终端中输出以下结果：
| firstName | lastName | age | address.streetAddress | address.city | address.state | address.postalCode | |-----------|----------|-----|-----------------------|--------------|---------------|--------------------| | John | Doe |25 | 123 Main Street | New York | NY | 10001 |
显示特定的字段
如果只需要显示JSON数据里的特定字段，可以使用-s, --show参数。例如，想要只显示test.json中的firstName、lastName、age这三个字段，可以使用以下命令：
tbon test.json -s firstName,lastName,age
执行该命令后，终端中会输出以下结果：
| firstName | lastName | age | |-----------|----------|-----| | John | Doe | 25 |
格式化输出
如果想要输出的表格有更好的可读性和排版效果，可以使用-f， --format参数。目前tbon支持的输出格式有：default、compact、pretty。其中，default是默认的格式。例如，如果想要使用pretty格式，可以使用以下命令：
tbon test.json -f pretty
执行该命令后，终端中会输出以下结果：
firstName | lastName | age | address
--------- | -------- | --- | -------------------------------------
John | Doe | 25 | streetAddress: 123 Main Street
city: New York
state: NY
postalCode: 10001使用JSON字符串
除了JSON数据文件，如果数据已经以JSON字符串的形式存在，也可以直接使用tbon来显示。例如，下面是一个JSON字符串：
-- -------------------- ---- -------
--
------------ -------
----------- ------
------ ---
---------- -
---------------- ---- ---- --------
------- ---- ------
-------- -----
------------- -------
-
--
-
------------ -------
----------- ------
------ ---
---------- -
---------------- ---- ---- --------
------- ---- ---------
-------- -----
------------- -------
-
--如果要展示这个JSON字符串的数据，可以使用以下命令：
echo '[{"firstName":"John","lastName":"Doe","age":25,"address":{"streetAddress":"123 Main Street","city":"New York","state":"NY","postalCode":"10001"}},{"firstName":"Jane","lastName":"Doe","age":21,"address":{"streetAddress":"456 Main Street","city":"Los Angeles","state":"CA","postalCode":"90001"}}]' | tbon -f pretty执行该命令后，终端中会输出以下结果：
-- -------------------- ---- -------
--------- - -------- - --- - -------
--------- - -------- - --- - -------------------------------------
---- - --- - -- - -------------- --- ---- ------
----- --- ----
------ --
----------- -----
---- - --- - -- - -------------- --- ---- ------
----- --- -------
------ --
----------- -----总结
通过了解和使用tbon，我们可以方便地将JSON数据转换为易读的表格形式。通过熟练使用tbon的相关参数和选项，我们可以更加灵活地调整输出的表格的形式和内容。尝试使用tbon，相信会对工作中的数据处理有大大的帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600559e081e8991b448d7654