减少具有对象的Array

Question

我是javascript的新手，我正在尝试了解有关使用数组的更多信息，因此我构建了一个购物清单生成器，并且我不得不停止减少列表如果用户不小心插入了两次项目。

我认为问题是我的缩减功能没有击中项目选择器，但我还没有找到任何显示此类问题的示例。

这就是我对缩减功能的要求：

function reducingFood() {
   var reducedFood = myGroceries.reduce(function(obj, item) {
   var itemName = item['item'];
       if(!obj[itemName]) {
           obj[itemName] = 0;
       }
       obj[itemName]++;
       return obj;

   }, {}) 

    addStructure();
}

我设置了一个显示完整代码的JSFiddle： https://jsfiddle.net/Jon43/frvLc7Le/8/