Javascript（Vuejs）对象文字，循环

Question

我在vuejs中有一个对象

 data: {
    food: {
              monday: {
              pizza:1,
              chips:2,
              pie:0,      
          },
             tuesday: {
              pizza:1,
              chips:2,
              pie:1,       
              }
           }
}

我可以使用

专门访问该值

this.food.monday.pizza

但我如何计算星期一吃的食物数量（总共3个）？

Answer 1

在ES6中，您可以按照以下方式执行此操作。

const objectValueSum = (obj) =>
    Object.keys(obj)
        .map(food => obj[food])
        .reduce((a, b) => a + b);

const sum = objectValueSum(this.data.food.monday);

• Object.keys返回对象键
• map返回金额数组
• reduce总结所有金额

不要忘记使用Babel或Traceur进行转换为ES5。