jQueryの配列からパラメータを動的に作成する

Question

私はこのウェブサイトでpluginを使用していますが、これはうまくいきます。

$('#map').usmap({ 

    showLabels: false, 
    stateStyles: { 
     fill : '#ffffff', 
     stroke : '#4f4f4f', 
     'stroke-width' : 4, 
    }, 

    stateHoverStyles: { 
     fill : '#ffffff' 
    }, 

    stateSpecificStyles: { 
     'IN': { 
      fill : '#84b8e7' 
     }, 

     'CA': { 
      fill : '#84b8e7'  
     }, 

     'TX': { 
      fill : '#84b8e7'  
     } 
    }, 

    stateSpecificHoverStyles: { 

     'IN': { 
      fill : '#0972ce'  
     }, 

     'CA': { 
      fill : '#0972ce'  
     }, 

     TX': { 
      fill : '#0972ce'  
     } 
    } 
}); 

私は[「CA」、「IN」のように見えるのアレイ、「TX」から動的にそれらの状態のスタイルを記入したいと思います：あなたは、それは次のようになり、状態固有のスタイルのためのパラメータを渡すことができます]。これは可能ですか？

Answer 1

このようなオブジェクトを作成する方法を探しているだけの場合は、このスニペットが役に立ちます。あなたが持っているものと必要としているものについてもっと知りましょう。私はこれを拡張することができます。

var arr = ['CA', 'IN', 'TX'], // Your state vars 
 
    output = []; 
 

 
arr.forEach(function(el) { 
 
    output[el] = { 
 
    fill: '#000000' // Could come from the same array, if needed 
 
    }; 
 
)}; 
 
      
 
console.log(output);