Почему мой объект формулируется в консоли иначе, чем когда я запускаю его через Tidy JS?

Question

Мой массив объектов отображается не так, как я хочу, когда я печатаю его на консоль.Когда я ставлю его через Tidy JS, он форматирует его правильно.Когда я печатаю его на консоль, это выглядит неправильно.

Я хочу, чтобы он выглядел следующим образом:

Array
    Object
        Key:Value
        Key:Value
        Array
            Object
                Object
            Object
                Object

Но вместо этого он печатает, как в этом коде:

https://codepen.io/anon/pen/qLrgKg

Любые идеи о том, почему форматирование, как это в этом коде, а не как я хочу, чтобы это было?

var ArrayOfBlocks1 = [
{
ID:"1",
block: "block1",
BlockElements: [
  { blockElement1: { QuestionID: "1" } },
  { blockElement2: { QuestionID: "2" } },

]
},
{
ID:"2",
block: "block2",
BlockElements: [
  { blockElement1: { QuestionID: "1" } },
  { blockElement2: { QuestionID: "2" } }
]
},
{
ID:"3",
block: "block3",
BlockElements: [
  { blockElement1: { QuestionID: "1" } },
  { blockElement2: { QuestionID: "2" } }
]
}
];

Answer 1

Вы печатаете первый элемент в массиве, а не весь массив.

Измените строку 42 с console.log(ArrayOfBlocks1[0]) на console.log(ArrayOfBlocks1)