chrome devtools несоответствие массив длина

Question

Я, кажется, наткнулся на несогласованность в Chrome DevTools.

Выше скриншот из Devtools. Сначала мне говорят, что напечатанный объект содержит Body и Head. Голова должна быть массивом длины 1. Когда я расширяюсь, этот массив внезапно становится длиной 2.

При расширении массива, о котором идет речь, я получаю следующее:

Так что, кажется, пустая строка в массиве, а также. Эта пустая строка - вот что вызывает некоторые проблемы с моим кодом, что побудило меня исследовать. В основном я интересуюсь выпуском DevTools, может ли кто-нибудь подумать о причине, по которой devtools даст две разные длины для одного и того же массива?

Разве DevTools автоматически анализирует содержимое массива длиной от одной до отдельной переменной? В этом случае я ожидал бы Head: [Array[2]].

Я использую console.log для вывода приведенного ниже снимка экрана в инструментах Chrome Dev на виртуальном боксе ubuntu.

Answer 1

Это происходит потому, что первоначальный дисплей, один с этим форматом:

Object {Body: Array[20], Head: Array[1]} 

генерируется, когда консоль первые журналы его. После расширения он загружает все свойства объекта, и если свойства изменяются между регистрацией и открытием, он будет показывать разные значения. Вы можете навешивать светло-голубой i, который показывает за объектом, чтобы увидеть, что говорит об этом сам Chrome.