javascript - Chrome 控制台输出不一致

Question

我目前正在为 Chrome 编写扩展程序。在调试我的应用程序时，我将一个 javascript 数组记录到控制台，如下所示：

function updateGroups() {
  var container = document.getElementById("groups_container");
  var prototype = document.getElementById("group");
  chrome.storage.local.get('groups', function(groups_local) {
    groups = groups_local.groups;
    console.log(groups); //Debug
  });
}

调用该函数两次给我以下输出（数组在两次调用中都填充了 42 个元素）：

为什么两个输出的格式不同，一个只显示数组中元素的数量，另一个实际显示它的元素？