为什么下面的工作?
<something>.stop().animate(
{ 'top' : 10 }, 10
);
然而这是行不通的:
var thetop = 'top';
<something>.stop().animate(
{ thetop : 10 }, 10
);
更清楚地说:目前我还不能将CSS属性作为变量传递给动画函数。
当前回答
ES6 / 2020
如果你试图使用“key:value”从任何其他来源将数据推入对象，你可以使用这样的方法:
let obj = {}
let key = "foo"
let value = "bar"
obj[`${key}`] = value
// A `console.log(obj)` would return:
// {foo: "bar}
// A `typeof obj` would return:
// "object"
希望这能帮助到一些人:)
其他回答
ES5实现分配键如下:
var obj = Object.create(null),
objArgs = (
(objArgs = {}),
(objArgs.someKey = {
value: 'someValue'
}), objArgs);
Object.defineProperties(obj, objArgs);
我附上了一个片段，我用来转换为裸对象。
var obj = { 'key1': 'value1', 'key2': 'value2', 'key3': [ 'value3', 'value4', ], 'key4': { 'key5': 'value5' } } var bareObj = function(obj) { var objArgs, bareObj = Object.create(null); Object.entries(obj).forEach(function([key, value]) { var objArgs = ( (objArgs = {}), (objArgs[key] = { value: value }), objArgs); Object.defineProperties(bareObj, objArgs); }); return { input: obj, output: bareObj }; }(obj); if (!Object.entries) { Object.entries = function(obj){ var arr = []; Object.keys(obj).forEach(function(key){ arr.push([key, obj[key]]); }); return arr; } } console(bareObj);
我已经使用下面的方法来添加一个具有“动态”名称的属性到对象:
var key = 'top';
$('#myElement').animate(
(function(o) { o[key]=10; return o;})({left: 20, width: 100}),
10
);
Key是新属性的名称。
传递给animate的属性对象将是{left: 20, width: 100, top: 10}
这只是使用了其他答案所推荐的必需的[]符号，但是代码行数更少!
如果你想要对象键与变量名相同，在es2015有一个简短的手。 ECMAScript 2015中的新符号
var thetop = 10;
var obj = { thetop };
console.log(obj.thetop); // print 10
这样也可以实现预期的输出
var jsonobj={}; 变量计数=0; $（document）.on（'click'，'#btnadd'， function（） { jsonobj[count]=new Array（{ “1” ： $（“#txtone”）.val（）}，{ “2” ： $（“#txttwo”）.val（）}）; 计数++; console.clear（）; console.log（jsonobj）; }); <script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”></script> <span>值 1</span><输入 id=“txtone” 类型=“文本”/> <span>值 2</span><输入 id=“txttwo” 类型=“文本”/> <按钮 id=“btnadd”>添加</button>
您可以为ES5执行以下操作:
var theTop = 'top'
<something>.stop().animate(
JSON.parse('{"' + theTop + '":' + JSON.stringify(10) + '}'), 10
)
或提取为一个函数:
function newObj (key, value) {
return JSON.parse('{"' + key + '":' + JSON.stringify(value) + '}')
}
var theTop = 'top'
<something>.stop().animate(
newObj(theTop, 10), 10
)
