如何在动态中将javascript对象添加到另一个对象

Question

假设我有几个javascript对象

{"type":"gotopage","target":"undefined"}
{"type":"press","target":"a"}
{"type":"rotate","target":"long"}

如何将此对象添加到另一个对象中

config={}

我知道如果每个插入的对象都有一个id我可以添加为:

config["id"]={}

但在这种情况下,如何添加没有id的对象？

Answer 1

var obj1 = {"type":"gotopage","target":"undefined"};

var config = {};
config.obj1 = obj1;

您可以随时添加它们.

var obj1 = {"type":"gotopage","target":"undefined"};

var config = {};
config.obj1 = obj1;

var obj2 = {"key":"data"};
config.obj2 = obj2;

Answer 2

我认为你正在混合对象和数组.对象具有命名键,数组具有数字键.您可以使用.push()以下命令轻松附加到数组:

var arr = [];
arr.push("something");

但是,对于配置对象,因为您的变量名称表明这不是很有用.您应该为您的选项使用有意义的名称,例如:

var config = {
    something: 'blah',
    foo: 'bar'
};

您还可以在对象中存储数组:

config.manyStuff = [];
for(...) {
    manyStuff.push(...);
}

Answer 3

如果您想添加对象，您可以使用扩展运算符轻松添加。

示例->

object1 = { property1: 1, property2: 2}
finalObject = [{...object1}]

最终对象 = {...对象1}

并根据您的问题解决方案在此处使用数组对象

最终对象 = [{...对象1}]

object1 = { property1: 1, property2: 2}
finalObject = [{...object1}]

object1 = { property1: 1, property2: 2}
    finalObject = [{...object1}]
    document.getElementById("demo").innerHTML = JSON.stringify(finalObject);