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