JavaScriptオブジェクトの値に対してreduceを適用させたい

Underscore.jsで、あるオブジェクトの値に対してreduceを適用させたいです。
具体的には以下のようにしたいです。

javascript
1const arr = {a: [1, 2, 3], b: [4, 5], c: [6, 7, 8]}
2
3// ここに何らかのコードを書く
4
5console.log(result) //=> {a: 6, b: 9, c: 21}

現状では、次のように命令型と関数型がまぜこぜになったコードしか書けていないです。

javascript
1const arr = {a: [1, 2, 3], b: [4, 5], c: [6, 7, 8]}
2
3let result = {}
4for (const key of Object.keys(arr)) {
5  const x = arr[key]
6  result[key] = x.reduce((a, b) => a + b, 0)
7}
8
9console.log(result) //=> {a: 6, b: 9, c: 21}

どのようにすれば、もっとシンプルに書けるでしょうか？回答よろしくお願いします。

kuma_kuma_

2020/10/02 15:33

個人的な感想になるけど十分いまのままでシンプルで判りやすいコードだと思うよ？変数名等reduceをこの様な形で行いますという事がコードを見てすぐに判断付きましたから。仕事でJS書くとどうしても「他の人が見ても判りやすく」という事がありあえてまとめないという選択をする場合があります。あとJSなら「難読化・圧縮」という方法がありますが、あまり凝った書き方すると変換エラー起こしたりするからな... ほんと個人的にはきれいな書き方だと思うんだけど...

toshiyan

2020/10/03 02:24

ありがとうございます。コードが綺麗と言っていただけて嬉しいです。

行動規範の内容に同意します

回答1件

ベストアンサー

こんにちは

Underscore.jsで、あるオブジェクトの値に対してreduceを適用させたいです。

ということであれば、Underscore.jsの_.mapObject を使って、以下のようにするとよいかと思います。

javascript
1const result = _.mapObject(arr, values => values.reduce((s, v) => s + v, 0))

動作確認用codepen: /jun68ykt/pen/XWdLvJx

追記

Underscore.jsを使わない案を追記します。このような場合、与えられるオブジェクトを

Object.entries で、キーと値の組の配列にして、
map で各プロパティの値に手を加え、
Object.fromEntries でオブジェクトに戻す。

という手順が、よく使う定跡かなと思います。以下は、この手順によるサンプルです。配列要素の合計を算出する関数sumをあらかじめ作っておき、map に与える関数が読みやすくなるようにしています。

javascript
1const sum = values => values.reduce((s, v) => s + v, 0)
2
3const totals = Object.entries(arr).map(([k, values]) => [k, sum(values)])
4const result = Object.fromEntries(totals);