Question

Let me explain it step by step

1. A function of mine is doing a console.log() on an Knockout observable in a model
2. Console says Array(0)
3. However, at that point I click that array(0) it displays items. So it is not true there are no items in the array
4. In between my Console.log() and the moment I click the array(0), the observableArray() has been filled with items, and thus is not empty anymore.

My question here is, is this functionality of the console wrong? Should it actually display the items, or just display an empty array. Why does this happen in the first place?

Or look it at the other way around, should the console update the array(0) with array(50) when there are 50 items in it.

And how do I overcome this issue? Code snippet on working with that:

var myModel = function(){
    this.myArray = ko.observableArray();
}

var model = new myModel();
console.log(model.myArray());

model.myArray.push('item');

Answer 1

For this issue, it helped me to add the data to another variable, and log that through console.log().

Example:

var myArray = [];

var logArray = myArray;
console.log(logArray);