console.table()无法显示Map转换数组最后一个元素的原因及解决

问题原因 #

这种情况基本不是代码逻辑问题，大概率是浏览器开发者工具（DevTools）的自动截断或渲染延迟导致的：

• 当数组元素数量刚好触发DevTools的“部分显示”机制时，会默认折叠部分内容，看起来像是最后一条缺失
• 极少数旧版本浏览器对Map.entries()转换后的数组格式存在微小兼容问题，但这种情况非常少见

你可以先通过console.log(dataArray)确认数组本身是完整的，里面肯定包含['key3','value3']这条数据。

解决办法 #

1. 刷新控制台内容 #

执行完console.table(dataArray)后，点击控制台面板的刷新按钮，或者重新在控制台输入console.table(dataArray)执行一次，就能看到完整内容。

2. 转换为普通对象打印 #

把Map转换成普通对象后再打印，console.table对对象的键值对渲染更稳定：

const dataObj = Object.fromEntries(data.entries());
console.table(dataObj);

3. 手动指定显示列 #

如果还是有问题，可以手动指定要显示的列，强制让所有内容渲染：

console.table(dataArray, ['0', '1']); // 0对应键，1对应值

内容的提问来源于stack exchange，提问作者iqfareez