JavaScriptオブジェクト拡張子

Question

私は、私のサイトの地図のリーフレットを使っています。私はレイヤースイッチャーを動的に構築したいと思っています。コンストラクタはオブジェクトをとります。キーはマップ上に表示するレイヤの名前であり、値はレイヤオブジェクト自体です。私は、AJAXによって返された配列からスイッチャーを動的に構築しています。私が抱えている問題は、配列オブジェクトの値を新しいオブジェクトのキーにする方法を知らないということです。私のコードは次のようになります：

$.ajax ({ 
    url: '...', 
    data: { ... }, 
    dataType: 'json', 
    success: function (data) { 
     var overlayMaps = {}; 
     for (var i in data.elems) { 
      var layer = new Layer (...); 
      overlayMaps = $.extend ({}, overlayMaps, {data.elems[i].name : layer}); 
      map.addLayer (layer); 
     } 
     map.addControl (new L.Control.Layers (baseMaps, overlayMaps)); 
    } 
}); 

私の質問は9行目です。 data.elems[i].nameは働きたくありません。このエラーはmissing : after property idで、の後には.になります。何か案は？

Answer 1

あなたはちょうどbracket notationを探していると思います。この代わりに：

overlayMaps = $.extend ({}, overlayMaps, {data.elems[i].name, layer}); 

あなたはこれ欲しい：

var opts = {}; 
opts[data.elems[i].name] = layer; 
overlayMaps = $.extend ({}, overlayMaps, opts);