Создание объекта в объекте

Question

Я путаю, как отображается консоль инструмента разработчика Google Chrome, если (A) является фактическим объектом, созданным в цикле, почему (B) содержит 3 объекта?

Означает ли это, что (А) будет содержать 3 объекта?

Демо: https://jsfiddle.net/LygmkgLm/

var test={} 
for(var i=0;i<3;i++){ 
    test[i]={} 
    test[i].y="111" 
console.log("test",test) 
} 

Answer 1

Вы искажая выход консоли. Он корректно и, как и ожидалось, показывает увеличение содержимого объекта внутри цикла, следовательно, 1, 2 и 3 члена на выходе. В конце, однако, переменная 'test' является полностью заполненным объектом, и когда вы расширяете первую строку, она показывает содержимое во время расширения. Будучи полностью заполненным объектом с 3 детьми.

Ваше замешательство возникает из-за того, что ведение журнала не сохраняет состояние объекта во время регистрации.

Answer 2

Консоль Chrome показывает конечный объект в консоли. Он показывает, какие значения прошли через объект. Итак, в консоли сначала он покажет вам

test Object {0: Object} 

Но когда вы продлеваете, у него будет три объекта, которые прошли через него.

test Object {0: Object}0: Object1: Object2: Object__proto__: Object 

Одна вещь, чтобы отметить, что при первой итерации цикла, вы можете увидеть три объекта в консоли, но только один объект, т.е.

test Object {0: Object} 

фактически доступна. Если вы хотите, чтобы проверить фактическое состояние объекта в каждой итерации, вы должны клонировать его, как показано ниже

var newObject = jQuery.extend(true, {}, test); 

Вот скрипка, которая даст вам представление о моих точках https://jsfiddle.net/qtdurtzc/