如何移除console.table()显示中的数组索引列？

确实，console.table()处理数组时默认显示的索引列有时候真的挺干扰的，尤其是当你只想专注看数组里的内容时，官方的columns参数又只能筛选要显示的列，没法直接干掉索引列。不过有几个实用的办法可以解决这个问题：

1. 浏览器DevTools手动隐藏（最省事） #

如果你用的是Chrome、Edge这类Chromium系浏览器，其实有个隐藏功能：当console.table()的结果出来后，右键点击那个标着(index)的索引列表头，选择Hide column，就能直接把它藏起来。而且这个设置会保留，下次再用console.table()时索引列也不会再出现，除非你重置了DevTools的配置。

2. 把数组转成对象再输出 #

既然console.table()处理对象时第一列是对象的键，那我们可以把数组转换成自定义键的对象，避开默认的数字索引：

const myArray = ["Alice", "Bob", "Charlie"];
// 转成带自定义序号键的对象
const displayObj = myArray.reduce((acc, item, idx) => {
  acc[`第${idx + 1}项`] = item;
  return acc;
}, {});
console.table(displayObj);

这样第一列就会显示“第1项”“第2项”这类自定义标识，不会再出现烦人的数字索引。如果你的数组元素是对象，也可以把每个元素包装成只包含目标字段的对象，再配合columns参数聚焦内容：

const userArray = [{name: "Alice", age: 25}, {name: "Bob", age: 30}];
console.table(userArray.map(u => ({姓名: u.name, 年龄: u.age})), ["姓名", "年龄"]);

3. 手动输出自定义表格 #

要是你想完全掌控显示效果，也可以用console.log()配合模板字符串自己拼一个表格：

const fruitArray = ["Apple", "Banana", "Cherry"];
console.log("| 水果名称 |");
console.log("|----------|");
fruitArray.forEach(fruit => console.log(`| ${fruit} |`));

控制台会把这个Markdown格式的字符串渲染成整洁的表格，完全没有多余的索引列。

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