javascript - 将一个计算数组中对象数量的函数放入另一个函数中

Question

我已经制作了这个函数来计算数组中的对象，但我想将其放入另一个函数中，它必须在我制作的另一个函数中工作。我希望它是 vert vanilla java 因为我是编程新手

var markers = [
  {
    type:"Chocolate",
    name:"KitKat",
    group:"candy",
    icon:"candy",
    coords:[5246,8980],
  },
  {
    type:"Fruit",
    name:"Orange",
    group:"fruits",
    icon:"fruis",
    coords:[9012,5493],
  },
  {
    type:"Fruit",
    name:"Banana",
    group:"fruits",
    icon:"fruis",
    coords:[9012,5493],
  },
  {
    type:"Food",
    name:"Rice",
    group:"foods",
    icon:"foods",
    coords:[6724,9556],
  },
  {
    type:"Food",
    name:"Meat",
    group:"foods",
    icon:"foods",
    coords:[6724,9556],
  },
  {
    type:"Food",
    name:"Beam",
    group:"foods",
    icon:"foods",
    coords:[6724,9556],
  },
  {
    type:"Liquid",
    name:"Water",
    group:"liquids",
    icon:"liquids",
    coords:[6724,9556],
  },
  {
    type:"Liquid",
    name:"Coffe",
    group:"liquids",
    icon:"liquids",
    coords:[6724,9556],
  },
];

function counter(){
var count = {}

for (var i = 0; i < markers.length; i++) {
  count[markers[i].type] = count[markers[i].type] + 1 || 1;
}
document.getElementById('data').innerHTML = JSON.stringify(count);
}
counter();

这里是这个

function make(){
var pg = '<table>'
    for(i = 0;i < markers.length; i++){
       pg += '<td>' + ??? + '</td>'; // I would like to put it here
       og += '<td>' + markers[i].name + '</td>';
        og += '</tr>';
    }
document.getElementById('data').innerHTML = pg;
}

我希望有人可以帮助我，如果我们必须更改功能以便它们可以一起工作

Answer 1

您可以从上一个函数返回对象，而不是直接将其渲染到 DOM。

function counter() {
  var count = {}

  for (var i = 0; i < markers.length; i++) {
    count[markers[i].type] = count[markers[i].type] + 1 || 1;
  }
  return count;
}

将 ??? 替换为 JSON.stringify(counter())。