0

もちろん、どのソリューションでも問題ありませんが、次のようなオブジェクトがあります。

{ '4f871d4967e04': 
   [ { _id: 4f871d4adaf6fa492f000001,
       product_id: 4f871d43daf6fa4e2f000002,
       width: '300',
       height: 300,
       group: '4f871d4967e04' },
     { _id: 4f871d4adaf6fa492f000004,
       product_id: 4f871d43daf6fa4e2f000002,
       width: '150',
       height: 150,
       group: '4f871d4967e04' },
     { _id: 4f871d4bdaf6fa492f000007,
       product_id: 4f871d43daf6fa4e2f000002,
       width: '100',
       height: 100,
       group: '4f871d4967e04' },
     { _id: 4f871d4bdaf6fa492f00000a,
       product_id: 4f871d43daf6fa4e2f000002,
       width: '75',
       height: 75,
       group: '4f871d4967e04' } ],
  '4f871d51200de': 
   [ { _id: 4f871d51daf6faf42e000001,
       product_id: 4f871d43daf6fa4e2f000002,
       width: '300',
       height: 300,
       group: '4f871d51200de' },
     { _id: 4f871d52daf6faf42e000004,
       product_id: 4f871d43daf6fa4e2f000002,
       width: '150',
       height: 150,
       group: '4f871d51200de' },
     { _id: 4f871d53daf6faf42e000007,
       product_id: 4f871d43daf6fa4e2f000002,
       width: '100',
       height: 100,
       group: '4f871d51200de' },
     { _id: 4f871d53daf6faf42e00000a,
       product_id: 4f871d43daf6fa4e2f000002,
       width: '75',
       height: 75,
       group: '4f871d51200de' } ] }

これを次のように変更したいと思います。

{"4f871d4967e04" : {
 "300" : {
    _id : '',
  }
 "150" : {
    _id : '',
  }
 "100" : {
    _id : '',
  }
 "75" : {
    _id : '',
  }
}, "4f871d4967e04" : {
 "300" : {
    _id : '',
  }
 "150" : {
    _id : '',
  }
 "100" : {
    _id : '',
  }
 "75" : {
    _id : '',
  }
}

このようにして、各「グループ」を反復処理し、単に使用this["300"]して必要なサイズを取得できます。私はハンドルバーのテンプレートでこれを反復しているので、確認できる条件に制限されています。

どんな提案も本当に役に立ちます。

ありがとうございました！

4

1 に答える 1

2

明らかなプレーンジェーンJavaScriptアプローチがおそらく最も速いでしょう：

var want = { };
var k, i, o;
for(k in data) {
    want[k] = { };
    for(i = 0; i < data[k].length; ++i) {
        o = data[k][i];
        want[k][o.width] = o;
    }
}

メインオブジェクト（data）キーをキーごとにループし、内部ループを使用して配列を幅→オブジェクトマッピングテーブルに再配置するだけです。

あなたが思いついたものは、おそらく変装したネストされたループでしょう。アンダースコアバージョンは次のようになります。

var want = _(data).reduce(function(outer, v, k) {
    outer[k] = _(v).reduce(function(inner, o) {
        inner[o.width] = o;
        return inner;
    }, { });
    return outer;
}, { });

forこれは、ループの代わりに設定された元のネストされたループとほぼ同じreduceです。reduceほとんどのアンダースコア関数は実際にすべてを配列に変換したいので、ここでの使用はかなり制限されています。あなたが使用することができますeach：

var want = { };
_(data).each(function(v, k) {
    var inner = { };
    _(v).each(function(o) {
        inner[o.width] = o;
    });
    want[k] = inner;
});

reduceしかし、それは一時変数を使用したアプローチと同じです。あなたはおそらく他のアプローチを思い付くことができますが、それらはおそらくこのテーマのより多くのバリエーションになるでしょう。

デモ： http： //jsfiddle.net/ambiguous/ffcUC/2/

データを次のようなハンドルバーテンプレートに送信する場合：

{{#each images}}<img src="../{{this.300._id}}" />{{/each}}

次に、上記で生成された値のみが必要です。ただし、この場合、ループを調整して作業を節約できます。

var want = [ ];
var k, i, o;
for(k in data) {
    o = { };
    for(i = 0; i < data[k].length; ++i) {
        o[data[k][i].width] = data[k][i];
    }
    want.push(o);
}
return want;

reduceまたは、内部に切り替えmapます：

var index_by_height = function(o) {
    return _(o).reduce(function(memo, i) {
        memo[i.height] = i;
        return memo;
    }, { });
};
return _.chain(data)
        .values()
        .map(index_by_height)
        .value();

デモ： http： //jsfiddle.net/ambiguous/tsx7z/

于 2012-06-07T22:22:20.270 に答える