Javascriptで副作用を用いずコレクション（配列）をオブジェクトに変換する方法

Question

var ary = [{name:'hoge', value:1}, {name:'fuga', value:2}];

var obj = {};
ary.forEach(function(v){ obj[v.name] = v.value; });

上記のコードを副作用を用いずにobjを返すにはどうすれば良いですか？reduceを使えば可能かな？と思ったのですが、上記より複雑になってしまいました。

つまり下記のような書き方で同じ結果を取得したいということです。
（xxxは何らかのメソッド。...は無名関数の中身を省略）

var obj = ary.xxx(function(){ ... });

もっともシンプルな手法としては、やはり提示した副作用を用いる書き方になるのでしょうか？宜しくお願いします。

Comments

[harashow1701]

配列をオブジェクトにする方法というタイトルが不適切です。修正して下さい。

[hojo]

これでいいですか？ダメだったら適切な名前を教えてください。

[harashow1701]

完璧です☆

Answer 1

ary.forEach の第一引数で定義されている無名関数が、外のオブジェクト（obj）に対して直接作用しています。これを「副作用」と表現しています。

Array.prototype.reduce を使えば副作用なしのコードになると思うのですが、どの辺りが「複雑」と感じられたのでしょうか。

'use strict';
var ary = [{name:'hoge', value:1}, {name:'fuga', value:2}];

var obj = ary.reduce(function (before, current) {
  before[current.name] = current.value;

  return before;
}, {});

console.log(obj); // {hoge: 1, fuga: 2}

Re: hojo さん

Comments

[hojo]

reduceの第二引数でbeforeの初期値にオブジェクトを渡すという発想が出てきませんでした！！これを求めていました！

Answer 2

副作用を用いるというのは、どういう意味でしょうか？用いたくないなら、用いなければ良いだけの話かと思います。

Comments

[hojo]

ary.forEachの第一引数で定義されている無名関数が、外のオブジェクト（obj）に対して直接作用しています。これを「副作用」と表現しています。可能であれば、ary.forEachに変わるメソッドがobjを返す式にしたいということです。```var obj = ary.xxx(function(){ ...});```の式でobjに求めている値が入るようにしたいということです。

Answer 3

Array.prototype.reduceよりシンプルに書くことを優先するとなると、コレクション操作系で有名なloadshというライブラリがありますが、_.keyByがこのような動作をします（ドキュメント）。

これのソースを確認してみると、引数で渡したオブジェクトに代入していく方式でした（GitHub）。

Comments

[hojo]

なるほど、_.keyByなんてあったんですね！若干の妥協はありますが、既にlodashは導入していたのでこちらを利用させていただきます！

Answer 4

どうしてもArrayのオブジェクトが持つメソッドを使った戻り値でobjを受け取りたいのなら強引に自作するという方法もあります。しかし、この手法は連想配列の配列を持つArrayにしかまともに動作しないのに、全てのArrayで呼び出すことができるので、動作がおかしくなる可能性はあります。

// ArrayにconvertDictArrayToDictというメソッドを追加する
Object.defineProperty(Array.prototype, 'convertDictArrayToDict', {
  enumerable: false,
  value: function (key, val) {
    var ret = {};
    for(var index in this) {
      var map = this[index];
      ret[map[key]] = map[val];
    }
    return ret;
  }
});

var ary = [{name:'hoge', value:1}, {name:'fuga', value:2}];
var obj = {};
obj = ary.convertDictArrayToDict("name", "value"); // 呼び出して使う

var ary2 = [1, 2, 3, 4, 5];
ary2.convertDictArrayToDict("a", "b"); // ただの配列にもこのメソッドは存在するが、当然おかしな動作になる

素直にfunctionを作って、そちらを使うべきだと思います。

function convertDictArrayToDict(ary, key, val) {
  var ret = {};
  for(var index in ary) {
    var map = ary[index];
    ret[map[key]] = map[val];
  }
  return ret;
}

var ary = [{name:'hoge', value:1}, {name:'fuga', value:2}];
var obj = {};
obj = convertDictArrayToDict(ary, "name", "value");

Comments

[hojo]

素直にfunctionを作うのが良い、確かにその通りだと思いました。もっとも適切な回答と思われました。