オブジェクトリテラルでの足し算のやり方

Question

オブジェクトリテラルでの計算方法について教えて頂きたいです。

const shopping = {お菓子:50, おもちゃ:500, フードコート:1200, 服: 1800}
const shoppingResult = shopping.お菓子 + shopping.おもちゃ + shopping.フードコート + shopping.服

console.log(shoppingResult);

上記コードにすれば、計算結果が出る事、学習しましたが、もう少しスマートに、
（例えば、配列であれば、関数作ってsum += array[i];で1個づつ足すといった感じ）
表現できる方法があれば、教えて頂ければ幸いです。

Answer 1

Object.keysでオブジェクトリテラルのキーリストを取得できます。

const shopping = {お菓子:50, おもちゃ:500, フードコート:1200, 服: 1800}
const keys = Object.keys(shopping);
let sum = 0;
keys.forEach(key => sum += shopping[key]);

Answer 2

const shopping = {お菓子:50, おもちゃ:500, フードコート:1200, 服: 1800};
const shoppingResult = Object.values(shopping).reduce( (s,c)=>s+c, 0 );

オブジェクトが所有する列挙可能なプロパティの値からなる配列を返します。

Object.values() - JavaScript | MDN

　

配列の各要素に対して（引数で与えられた）reducer 関数を実行して、単一の値にします。

Array.prototype.reduce() - JavaScript | MDN

Comments

[maisumakun]

そっちのほうが便利ですね（Object.keysでないと動かない環境があるおかげで、valuesのほうが考慮から抜けていました）

[Lhankor_Mhy]

maisumakunさんの回答を見て、IEで使えないことを思い出しました。

[Nobu_Nobuta]

早速のご回答ありがとうございます。
ご提示頂いた方法、勉強させて頂きます。