的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爲transpiling到ES5。