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。