如何在JavaScript中不用console.table将数组打印为格式化表格？

一、手动通过字符串填充实现 #

可以完全通过字符串处理生成目标格式的ASCII表格，核心思路是先计算每列的最大宽度，再基于这个宽度生成对齐的内容和分隔线。

实现代码 #

function generateAsciiTable(data) {
  // 计算每列的最大字符宽度
  const columnWidths = data[0].map((_, colIdx) => 
    Math.max(...data.map(row => row[colIdx].length))
  );

  // 生成顶部/中间/底部的分隔线
  const createSeparator = () => {
    return '+' + columnWidths.map(width => '-'.repeat(width + 2)).join('+') + '+';
  };

  // 将单行数据格式化为对齐的表格行
  const formatRow = row => {
    return '| ' + row.map((cell, idx) => 
      cell.padEnd(columnWidths[idx])
    ).join(' | ') + ' |';
  };

  // 拼接所有表格部分
  const separator = createSeparator();
  const formattedRows = data.map(formatRow);
  
  return [separator, ...formattedRows, separator].join('\n');
}

// 测试示例
const sampleData = [['a','b','c', 'd'],['e','f','g', 'h']];
console.log(generateAsciiTable(sampleData));

代码说明 #

1. 计算列宽：遍历所有行，找出每列中最长的单元格内容长度，确保后续填充后能对齐。
2. 生成分隔线：根据列宽生成由+和-组成的分隔线，每个列的分隔线长度为列宽+2（预留左右空格）。
3. 格式化行内容：使用padEnd方法将每个单元格填充至对应列的最大宽度，再用|拼接成完整的行。
4. 拼接表格：将分隔线、所有格式化后的行、底部分隔线按顺序拼接，最终得到目标格式的字符串。

二、使用轻量库实现 #

如果不想手动实现，可以使用专门生成ASCII表格的轻量库，比如ascii-table：

安装与使用 #

npm install ascii-table

const AsciiTable = require('ascii-table');

const sampleData = [['a','b','c', 'd'],['e','f','g', 'h']];
const table = new AsciiTable();

// 添加所有数据行
sampleData.forEach(row => table.addRow(...row));

// 输出表格
console.log(table.toString());

这个库还支持自定义表头、对齐方式等更多功能，满足更复杂的表格需求。

内容的提问来源于stack exchange，提问作者Aditya Verma