在前端开发中，我们经常需要对数据进行排版和展示。而 npm 包 columnify 可以帮助我们快速地将数据转换成表格形式，方便查看和处理。
安装
使用 npm 进行安装：
--- ------- ---------
使用方法
基本用法
假设我们有一个包含多个对象的数组：
----- ---- - - - ----- -------- ---- --- ----- ---- ----- -- - ----- ------ ---- --- ----- -------- -- - ----- ---------- ---- --- ----- ------- -- --
我们可以使用 columnify 将其转换为表格形式:
----- --------- - --------------------- -----------------------------
输出结果如下：
---- --- ---- ------ ----- ------- ----- -- --- ---- --- -- ------ ------- -- -----
其中，第一行是列名，中间的分隔线用来区分列，下面是数据行。
自定义列名和列排序
我们可以使用 columns 选项自定义列名和列顺序:
----- ------- - - -------- -------- ------- ------- -- --------------------------- ----------
输出结果如下：
---- ---- --- ------- ------ ----- --- ---- ----- -- ------ --- -- ----- ------- --
自定义列宽和填充字符
我们可以使用 config 选项自定义列宽和填充字符：
----- ------- - -
------- -
----- - --------- --- ------------ --- --
---- - --------- - --
-
--
--------------------------- ----------输出结果如下：
----------- --- ---- ----------- --- ------- ----- -- --- ---- --- -- ------ ------- -- -----
其中，名字列的最小宽度为 10，不足部分用 - 填充；年龄列的最大宽度为 2，超过部分被截断。
学习意义
columnify 是一个简单实用的工具，可以帮助我们快速地展示数据。学会使用 columnify 可以提高我们的开发效率，并且使得代码更易于阅读和理解。
示例代码
以下是完整的示例代码：
----- --------- - ---------------------
----- ---- - -
- ----- -------- ---- --- ----- ---- ----- --
- ----- ------ ---- --- ----- -------- --
- ----- ---------- ---- --- ----- ------- --
--
-- ----
-----------------------------
-- ---------
----- -------- - -
-------- -------- ------- -------
--
--------------------------- -----------
-- ----------
----- -------- - -
------- -
----- - --------- --- ------------ --- --
---- - --------- - --
-
--
--------------------------- -----------希望这篇文章对大家有所帮助，欢迎各位读者进行尝试和实践。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/49295