Firefox开发工具+ Chrome调试器控制台错误显示javascript对象引用

Question

我在Firefox Dev Tools中遇到了一些异常行为。使用lodash从对象中过滤掉一些元素后，控制台将显示对该对象的先前未过滤版本的引用，但仅在右侧窗格中显示。

在左侧，它显示了2个元素，这是我预期的结果。在右侧，它显示了原始的未过滤的17个元素。我之前在Firebug的罕见情况下经历过这种情况，然后我被迫在最近停用FB的情况下切换到Dev Tools。

如果没有其他人经历过这种情况，我可以尝试将其提炼到最小的案例，但我更愿意解决它，如果这是一个已知的错误。

倾向于相信我的对象实际上已经过滤，如左图所示，但这有点让人不安。

更新：

使用Firefox 51 Linux

Chrome实际上也在做同样的事情。它显示array[2]有17个元素：

Answer 1

检查数组时，会显示当前值，即单击已记录变量时的值。此值可能与登录到控制台的值不同。

除了数组之外，Chrome DevTools还会在悬停时显示一个图标。

这意味着，在记录变量时，它确实只有两个项目，但是当你点击它时，它显然是未经过滤的。