Chrome 103中console.table不显示最后一条条目求助
Chrome 103中console.table显示对象时缺失最后一条属性的解决方法
你遇到的是Chrome 103版本独有的console.table Bug,并非操作有误——这个版本确实存在输出对象时遗漏最后一条属性的问题,其他Chrome版本(100-102、104+)和Firefox都能正常显示。
你的测试代码示例:
const objectTest = { 'one' : 'this is object one', 'two' : 'this is object two', 'three' : 'this is object three' }; console.table(objectTest); // Chrome 103中会缺失最后一条 console.log(objectTest.three); // 属性本身是存在的
以下是几种可行的解决方式:
- 升级浏览器(最彻底):既然Chrome 104及以上版本已修复该Bug,直接升级到最新稳定版就能解决问题,不需要额外修改代码。
- 临时占位绕过:如果必须在Chrome 103中使用原格式的console.table,可以给对象添加一个无意义的占位属性,让原本的最后一条属性能被正常渲染:
const objectTest = { 'one' : 'this is object one', 'two' : 'this is object two', 'three' : 'this is object three', '_temp': '' // 临时占位,不影响业务逻辑 }; console.table(objectTest); // 不需要时可以删除占位属性 delete objectTest._temp; - 转换为数组输出:把对象转换成键值对数组后再输出,也能完整展示所有内容,格式略有不同但信息完整:
// 输出[key, value]格式的表格 console.table(Object.entries(objectTest)); // 或者转换成包含键和值字段的对象数组 console.table(Object.keys(objectTest).map(key => ({ key, value: objectTest[key] })));
内容的提问来源于stack exchange,提问作者edwardsmarkf
相关产品推荐
相关产品推荐

