Javascript Array看起来像空，但有一个值

Question

我是javascript的新手并开始学习对象和数组我只是想知道为什么我的数组看起来像是空的但是当你点击它有一个值？请参阅下面的代码，我使用的是nedb和Framework7。

var DeviceArray = new Array();

db.find({}, function (err, docs) {

     docs.forEach(function(element) {

        $$("#listDevice").append('<li><a href="single/'+element._id+'">'+element.device+'</a></li>');

        DeviceArray.push(element);  

     });

});

现在将DeviceArray放入对象中。

    user: [{
        firstName: 'Jhon',
        lastName: 'Doe',
      }],


      products: [
        {
          id: '1',
          title: 'Apple iPhone 8'
        },
        {
          id: '2',
          title: 'Apple iPhone 8 Plus'
        },
        {
          id: '3',
          title: 'Apple iPhone X'

        },
      ],

      devices: DeviceArray

然后当我尝试检查这个对象时出现。

设备看起来是空的，但是当你点击它时会出现。

我认为这样可以，但是当我尝试迭代设备数组时，它什么也没有返回，所以我的问题是如何更正？我已经检查了docs输出，见下图，任何建议都会很棒。

Answer 1

我已经在jsfiddle中重新创建了你的场景。

https://jsfiddle.net/1j4gu2f1/

有两个控制台，有和没有setTimeout，两者都会在折叠状态下给出不同的表示，但在展开状态下会有相同的结果。

我认为代码是自我解释的。

var devices = [];

setTimeout(function(){ //data loaded after 1000 ms
 devices.push({"name":"hello"});
 devices.push({"name":"world"})
},1000);

console.log(devices); // will show empty devices

setTimeout(function(){
    console.log(devices); // will show devices array
},1000)