javascript - 如何通过 var 动态设置国家/地区的颜色？

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