不能，console.table() 默认只展开一层属性，嵌套对象显示为{…}；仅当数组元素为结构一致的扁平对象时才友好渲染，需手动扁平化深层字段，且存在行数限制与列序不确定性。
console.table() 能直接展示嵌套对象吗？
不能。默认情况下 console.table() 只展开一层属性，对嵌套的 Object 或 Array 值统一显示为 {…} 或 […]，无法看到内部字段。这不是 bug，是设计使然——它面向的是「表格化结构数据」，不是通用调试器。
哪些 JSON 数组能被 console.table() 原生友好渲染？
必须满足：数组元素是扁平对象（即每个元素自身是 Object，且所有对象拥有大致一致的顶层键），例如用户列表、API 返回的 records 列表。此时 console.table() 会自动提取键作为列头，值作为行内容。
常见可用场景：
- 后端返回的
[{id: 1, name: "Alice", role: "admin"}, {id: 2, name: "Bob", role: "user"}] - 用
map()预处理过的数组，如data.map(item => ({id: item.id, status: item.meta?.status || "unknown"})) - 从嵌套结构中「投影」出关键字段：原数据是
{user: {profile: {name: "X", age: 30}}}，你得先转成{name: "X", age: 30}
想看深层嵌套字段？必须手动扁平化
没有魔法开关，console.table() 不支持 depth 参数或路径语法（比如 user.profile.name）。你要自己把嵌套路径映射成顶层字段。
实操建议：
- 用
Array.prototype.map()提取并重命名字段：console.table(data.map(d => ({<br> id: d.id,<br> userName: d.user?.name,<br> city: d.location?.address?.city,<br> tags: Array.isArray(d.tags) ? d.tags.join(", ") : ""<br})) - 避免在映射中写过多嵌套访问（如
d.a.b.c.d.e），容易报Cannot read property 'b' of undefined；用可选链?.+ 空值合并??更安全 - 如果字段值仍是对象/数组，
console.table()还是只显示{…}—— 这时候就得考虑是否真需要表格，还是该用console.log()配合控制台对象展开更合适
性能与兼容性要注意什么？
console.table() 在 Chrome / Edge / Firefox 中可用，Safari 支持但部分版本对大型数组（>1000 行）渲染卡顿；Node.js 不支持（会报 console.table is not a function）。
另外，它会对传入数组做浅拷贝并截断（默认最多显示 100 行 + 5 列），超出部分需点击「more»」手动展开。如果你传入一个含 10 万条记录的数组，别指望它能流畅渲染——先用 .slice(0, 100) 或分页处理。
真正容易被忽略的是：表格列顺序不保证和对象属性遍历顺序一致（尤其涉及数字键或 Symbol 键时），依赖列序做视觉判断前，最好显式控制字段顺序（比如用数组指定列名：console.table(data, ["id", "name", "status"])）。
