javascript - 変数を介して国の色を動的に設定するにはどうすればよいですか?

Question

http://github.com/manifestinteractive/jqvmap/を使用した人はいますか?

これらは機能します：

$('#map').vectorMap('set', 'colors', { us: '#8EE5EE' });
$('#map').vectorMap('set', 'colors', { 'us': '#8EE5EE' });

しかし、これはそうではありません:

country_name = 'us';
$('#map').vectorMap('set', 'colors', { country_name: '#8EE5EE' });

理由を知っている人はいますか？

Answer 1

それはオブジェクトリテラルがどのように機能するかではないからです。キーと値のペアのキー部分は、リテラル文字列として解釈されます。動的なキー名を持つには、ブラケット構文を使用する必要があります。それは またはevalであり、 を使用したくありませんeval。

var country_colors = {};
var country_name = 'us';

country_colors[country_name] = '#8EE5EE';

$('#map').vectorMap('set', 'colors', country_colors);