console.table对嵌套对象基本失效，因其仅展开一层属性，深层结构显示为[object Object]；可通过flatten函数压平路径或pickPaths提取关键字段优化调试。
console.table 为什么对嵌套对象基本失效
console.table 本质只展开一层属性，遇到 Array 或 Object 类型的值就直接显示 [object Object] 或 [object Array]，根本看不到深层结构。生产环境里常见的业务数据（比如带 user.profile.address、orders[0].items[1].sku 的响应体）一用 console.table(data) 就全变成问号，等于没 debug。
用 Object.entries + 展开运算符手动“压平”关键字段
不依赖第三方库，用两行代码把多层路径转成点号键名，再喂给 console.table：
const flatten = (obj, prefix = '') =>
Object.entries(obj).reduce((acc, [k, v]) => {
const key = prefix ? `${prefix}.${k}` : k;
if (v !== null && typeof v === 'object' && !Array.isArray(v)) {
Object.assign(acc, flatten(v, key));
} else {
acc[key] = v;
}
return acc;
}, {});
<p>console.table(flatten(yourComplexData));这样 user.name、user.email、settings.theme 全变成独立列，一眼看清所有叶子节点值。注意：只适合调试时临时用，别在生产代码里长期留着递归展开逻辑。
限制输出字段，避免表格爆炸
真实业务 JSON 经常有几十个字段，全展开表格根本没法看。用数组白名单精准控制要查的路径：
- 先用
console.log(JSON.stringify(yourData, null, 2))快速瞄一眼结构 - 挑出关键路径，比如
['id', 'status', 'user.id', 'user.role', 'payment.amount', 'payment.currency']</li><li>写个简单提取函数：<pre class="brush:php;toolbar:false;">const pickPaths = (obj, paths) => Object.fromEntries(paths.map(path => [path, _.get(obj, path)])); // 需要 lodash.get，或自己实现简易版 console.table(pickPaths(yourData, ['user.id', 'payment.amount']));
没引入 lodash 的话，自己写个三行 <code>get 替代：const get = (o, p) => p.split('.').reduce((x, y) => x?.[y], o);
生产环境慎用 console.table 的两个硬限制
console.table 在部分旧版 Safari 和某些企业内网浏览器里会直接报错或静默失败；更麻烦的是，它会强制触发对象的 getter，如果业务数据里有副作用 getter（比如自动触发埋点、计算耗时属性），调试时反而改了运行状态。
所以线上加调试代码前，务必确认：
- 浏览器兼容性（Chrome 30+ / Firefox 34+ / Edge 79+ 支持）
- 数据对象不含带副作用的 getter 或 Proxy 拦截
- 表格列数不超过 50（否则 Chrome 控制台会卡顿甚至崩溃）
