javascript - 在 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);