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个元素）：

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