javascript - 为让循环不起作用？

当我使用for循环时，它起作用了，并且for循环什么也没得到:(
这是我的代码

'use strict'

var match_table = [
  {'project': 'Laveral', 'template': 'Blade'},
  {'project': 'Ember.js', 'template': 'Handlebars'},
  {'project': 'Meteor', 'template': 'Handlebars'},
];

// count project number by template
var templateMap = new Array();
match_table.forEach(function(listItem){
  var template = listItem['template'];
  if (!templateMap[template]) {
    templateMap[template] = new Object();
  }
  templateMap[template]['name'] = template;
  if (templateMap[template]['count']) {
    templateMap[template]['count']++;
  } else {
    templateMap[template]['count'] = 1;
  }
});

//console.log(templateMap);

// for loop fails
for (let value of templateMap) {
  console.log(value);
}

templateMap.forEach(function(item) {
  console.log(item);
})

也forEach也什么都不输出〜?!

最佳答案

for-of无法遍历对象（因为按照标准它们是不可迭代的）。

因此，您必须使用旧的for-in

要么

使用尚未标准化的Object.entries()：

for (const [key, value] of Object.entries(obj)) {
    console.log(key, value);
}

在您的情况下，templateMap是对象，而不是数组，因为您已向其中分配了字符串键（并且JS数组的索引为[0; 2^32-1)范围内的数字）。