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。