Outils de développement Firefox + consoles de débogage Chrome affichage buggy de références d'objets javascript

Question

Je rencontre un comportement inhabituel dans Firefox Dev Tools. Après avoir filtré certains éléments d'un objet avec lodash, la console affiche une référence à la version non filtrée précédente de l'objet, mais uniquement dans le volet de droite.

Sur la gauche, il montre 2 éléments, ce qui est le résultat que je m'y attendais. Sur la droite, il montre les 17 éléments originaux non filtrés. Je l'ai déjà ressenti auparavant avec Firebug avant que je ne devienne obligé de passer à Dev Tools avec l'arrêt récent de FB.

Si personne d'autre n'a expérimenté cela, je pourrais essayer de le distiller à un exemple de cas minimal, mais je préférerais juste contourner le problème, si c'est un bug connu. Je penche pour croire que mon objet est effectivement filtré comme indiqué sur la gauche mais c'est un peu énervant.

Mises à jour:

Utilisation Firefox 51 Linux

Chrome est en train de faire la même chose. Il montre array[2] avec 17 éléments:

Answer 1

Lorsque vous inspectez un tableau sa valeur actuelle est affiché, à savoir la valeur au moment où vous cliquez sur la variable connecté. Cette valeur peut différer de celle enregistrée dans la console. Les DevTools de Chrome affichent une petite icône en plus du tableau expliquant cela en survol.

Cela signifie, au moment où la variable est connecté, il en effet eu que deux éléments qu'il contient, mais au moment où vous avez cliqué, il était évidemment encore non filtrée.