在对象属性名称中使用变量

Question

我有一个名为direction的变量，用于存储：left，right。

我需要根据该变量更改受影响的边距。

现在我正在使用条件，是否有可能用变量direction的输出替换“left”？

$("#map").animate({"margin-left": "+=50px"}, 500); 

Answer 1

不是直接的，但你可以创建一个对象，并在animate()使用前对其进行操作：

var direction = "left"; 
var property = {}; 
property[ "margin-"+direction ] = "+=50px"; 
$("#map").animate(property, 500); 

Answer 2

eval('props = {"margin-' + direction + '": "+=50px"}') 
$("#map").animate(props, 500); 

Answer 3

使用此。由于没有margin-up或margin-down，你要“手动”进行翻译：

var dir = "left"; 
dir = dir == "up" ? "top" : dir == "down" ? "bottom" : dir; 
var obj = {}; 
obj["margin-" + dir] = "+=50px"; 
$("#map").animate(obj, 500); 

第二行是写一个合法的，更短的方式：

if(dir == "up"){ 
    dir = "top"; 
} else if(dir == "down"){ 
    dir = "bottom"; 
} else { 
    dir = dir; 
}