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

Question

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

我需要根据该变量更改受影响的保证金。

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

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

Answer 1

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

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

Answer 2

使用它。由于没有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;
}

Answer 3

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