どうしても命令形的な書き方しかできない

Question

[{a: 1, b: 2, c: 3}, {a: 4, b: 5, d: 6}]

というデータを

[{a: [1, 4], b: [2, 5], c: [3], d: [6]}]

に変換したいのですが、どうしても以下のような命令的な記述になってしまいます。

const arr = [{a: 1, b: 2, c: 3}, {a: 4, b: 5, d: 6}]

let result = {}
for (let i = 0; i < arr.length; i++) {
  for (const key of Object.keys(arr[i])) {
    if (result[key] == null) {
      result[key] = []
    }
    result[key].push(arr[i][key])
  }
}
console.log(result) //=> [{a: [1, 4], b: [2, 5], c: [3], d: [6]}]

これを関数型っぽく書きたいのですが、可能でしょうか？Underscore.jsは使用可能です。

回答よろしくお願いします。

Comments

[m.ts10806]

「命令的な」の意味が分かりません。
プログラムは結局「こうしなさい」という命令を実行させるものですよ

[think49]

> 命令形的な書き方

これは質問の書き方が良くないですが、命令型プログラミングないし、手続き型プログラミングを指していると思われます。
https://ja.wikipedia.org/wiki/%E5%91%BD%E4%BB%A4%E5%9E%8B%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0
https://ja.wikipedia.org/wiki/%E6%89%8B%E7%B6%9A%E3%81%8D%E5%9E%8B%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0

Answer 1

こんな感じでしょうか。

const arr = [{a: 1, b: 2, c: 3}, {a: 4, b: 5, d: 6}];

const result = [arr.reduce((result, value) => {
  Object.keys(value).forEach(key =>
    (result[key] ?? (result[key] = [])).push(value[key])
  );
  return result;
}, {})];

console.log(JSON.stringify(result));
// => [{"a":[1,4],"b":[2,5],"c":[3],"d":[6]}]

Comments

[miyabi_pudding]

最終のオブジェクト型が、
質問者さんが求めているものと違う気がします。
（質問者さんが求める最終形は、配列に一つのオブジェクトで格納されている形式と見受けられる）

[toshiyan]

回答ありがとうございます！??演算子は知りませんでした。この演算子を使うことでシンプルに書けるのですね。

参考になりました。ありがとうございました！

[draq]

@miyabi_takatsuk ご指摘の通りちょっと違ってたので、回答修正します。

Answer 2

ベストアンサー後に失礼します。

const arr = [{a: 1, b: 2, c: 3}, {a: 4, b: 5, d: 6}];
const result = [ arr
  .flatMap(obj => Object.entries(obj))
  .reduce((acc, [key, val]) => ({...acc, [key]: [...(acc[key] ?? []), val]}), {})
];
console.log(result); //=> [{a: [1, 4], b: [2, 5], c: [3], d: [6]}]

初案は以下でしたが、関数型っぽく、とのことでしたので一部の代入(??=の所)や破壊的変更(pushの所)を取り除いてみて、上記としました。

const result = [ arr
  .flatMap(obj => Object.entries(obj))
  .reduce((acc, [key, val]) => (acc[key] ??= [], acc[key].push(val), acc), {})
];