如何通过 console.table 直观调试生产环境下多层嵌套的复杂业务 JSON 对象-js教程-PHP中文网

console.table对嵌套对象基本失效，因其仅展开一层属性，深层结构显示为[object Object]；可通过flatten函数压平路径或pickPaths提取关键字段优化调试。

如何通过 console.table 直观调试生产环境下多层嵌套的复杂业务 json 对象

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));</p>

这样 user.name、user.email、settings.theme 全变成独立列，一眼看清所有叶子节点值。注意：只适合调试时临时用，别在生产代码里长期留着递归展开逻辑。

arcgis-js

提供 ArcGIS Maps SDK for JavaScript 开发辅助，涵盖 2D/3D 地图视图、图层管理、数据可视化、空间分析等功能模块的参考和示例指导。

下载

限制输出字段，避免表格爆炸

真实业务 JSON 经常有几十个字段，全展开表格根本没法看。用数组白名单精准控制要查的路径：

先用 console.log(JSON.stringify(yourData, null, 2)) 快速瞄一眼结构

挑出关键路径，比如

['id', 'status', 'user.id', 'user.role', 'payment.amount', 'payment.currency']

写个简单提取函数：

const pickPaths = (obj, paths) => 
  Object.fromEntries(paths.map(path => [path, _.get(obj, path)])); // 需要 lodash.get，或自己实现简易版
console.table(pickPaths(yourData, ['user.id', 'payment.amount']));

没引入 lodash 的话，自己写个三行 get 替代：const get = (o, p) => p.split('.').reduce((x, y) => x?.[y], o);