console.table是开发者工具的快捷预览功能，仅显示前100行、不支持深层嵌套；需用map扁平化嵌套字段，传入数组指定列名可过滤/排序属性，但无法处理循环引用或大数据量。
console.table 能直接打印对象数组，但默认只显示前 100 行且不支持深层嵌套
它不是万能表格渲染器，本质是开发者工具的快捷预览功能。对 console.table(data)，Chrome/Firefox 会尝试提取每个对象的自有属性名作为列头，按顺序展示值；但如果某个对象里有 undefined、null 或函数，对应单元格会显示为空白或 ƒ，容易误判数据缺失。
- 只遍历对象自身属性，
Object.prototype上的属性不会出现 - 遇到嵌套对象（如
{user: {name: 'a', id: 1}}），默认只显示[object Object]，不展开 - 数组长度超过 100 项时，后续行被截断，控制台右上角会提示“… and N more rows”
- 如果所有对象属性名不一致（比如有的有
id，有的只有uid），列会变稀疏，空列多
用数组指定 columns 参数，强制对齐关键字段并过滤无关属性
第二个参数传入字符串数组，就能限定只显示哪些键，还能调整顺序。这对 API 返回结构松散、字段带前缀或含调试字段（如 _meta、__v）的场景特别有用。
const users = [
{ id: 1, name: 'Alice', email: 'a@x.com', _createdAt: '2024-01-01' },
{ id: 2, name: 'Bob', email: 'b@y.com', __v: 0 }
];
console.table(users, ['id', 'name', 'email']); // 只显示这三列，忽略 _createdAt 和 __v
- 列名必须完全匹配属性名，大小写敏感；写成
['ID']不会匹配id - 如果某对象没有该属性，对应单元格显示
undefined（比留空更明确） - 支持 Symbol 属性，但需显式传入 Symbol 实例，不能用字符串名
嵌套字段要扁平化，否则 console.table 看不到细节
console.table 不解析点号路径（如 'user.name'），所以不能直接展示嵌套值。得先用 map 做一次投影，生成新数组。
const logs = [
{ id: 1, meta: { ip: '192.168.1.1', ua: 'Chrome' } },
{ id: 2, meta: { ip: '10.0.0.5', ua: 'Safari' } }
];
// 错误：console.table(logs, ['id', 'meta.ip']) → 第二列全空
// 正确：
const flatLogs = logs.map(({ id, meta }) => ({ id, ip: meta.ip, ua: meta.ua }));
console.table(flatLogs);
- 别试图用
JSON.stringify包裹嵌套对象来“骗过”显示——结果是整段字符串，失去可读性 - 如果嵌套层级深（如
data.items[0].details.tags[0].name），手动 map 易错，建议封装一个flattenByPath(obj, path)工具函数 - 注意引用关系：原对象和扁平后数组共享引用，修改后者可能意外影响前者
大数组或含循环引用时，console.table 会卡顿甚至崩溃
当数据量超过几千项，或对象内部存在 parent: {...} 这类循环引用，Chrome 的表格渲染器会尝试递归计算列宽、对齐文本，导致界面假死。这不是 bug，是设计使然——它本就不是为大数据分析准备的。
- 上线前务必删掉所有
console.table，它比console.log更耗性能 - 临时调试时，先用
slice(0, 50)截取样本：console.table(data.slice(0, 50)) - 发现控制台无响应？立即关闭 DevTools 标签页，重启浏览器，再检查是否忘了删
console.table - 真正要查结构，用
console.dir(obj, { depth: 5 })更稳，支持展开/折叠，不强制表格化
最常被忽略的是：你看到的“整齐表格”，只是控制台在有限上下文里做的最佳猜测。一旦字段动态生成、原型链污染或用了 Proxy，console.table 就会漏列或错列——这时候老实用 console.log + 手动展开，反而更快。
