包含数组但长度为0的Javascript数组

Question

var food = ["fruit=apple", "fruit=banana", "drink=cola"];
var vars = [];
for(var i = 0; i < food.length; i++)
{
    var key = food[i].substring(0, food[i].indexOf("="));
    if (vars[key] == undefined){
        vars[key] = [];
    }
    vars[key].push(food[i].toLowerCase().split("=")[1]);
}
console.log(vars);
console.log(vars.length);

上述代码的输出将输出以下内容。但问题是长度: 0。我甚至不明白这是怎么可能的，因为您可以清楚地看到包含fruit: Array(2)，drink: Array(1)的数组。但它仍然显示长度: 0；

​

​

我想使用for循环遍历vars数组，但我不能这样做，因为我不能在for循环中使用vars.length。

或者，也许还有其他方法可以遍历变量，欢迎anny的建议。