javascript - 如何在父级声明中将 JSON 对象设置为等于另一个 JSON 对象

Question

我是 javascript 和 json 的新手，正在搞乱一些代码。

这是我的 JSON 对象的格式

messageData = {
     "attachment": {
         "type": "template",
         "payload": {
             "template_type": "generic",
             elements: [{
                 title: "titleOne",
                 subtitle: "subtitleOne"
             }, {
                 title: "titleTwo",
                 subtitle: "subtitleTwo"
             }]
         }
     }
 }

我不想单独将每个标题和副标题对象添加到元素中，而是想通过循环来执行此操作，并将一个对象设置为等于包含更多数量的标题和副标题对象的数组。假设我有对象标题:

titles = {} //100 objects with different titles and subtitles.

有没有办法实现下面所示的逻辑？

 messageData = {
            "attachment": {
                "type": "template",
                "payload": {
                    "template_type": "generic", 
                     elements = titles
                } 
            }
        }

正确格式化所有内容？感谢您的帮助!

Answer 1

您有一个变量titles，它分配了一个由对象组成的数组。类似于:

var titles = [{...}, {...}, ...];

您稍后想要将此数组(当前分配给变量 titles)分配给对象的属性(在本例中元素):

var messageData = {
    attachment: {
        type: "template",
        payload: {
            template_type: "generic", 
            elements // <-- here
        } 
    }
}

(请注意，我从属性名称中删除了双引号，它们不是必需的，因为它们具有有效的符号)

正如您所怀疑的，没有什么比这更容易的了:

var messageData = {
    attachment: {
        type: "template",
        payload: {
            template_type: "generic", 
            elements: titles
        } 
    }
}

这足以作为答案，但现在让我们退一步:在 javascript 中，几乎所有东西都是一个对象(我在这里稍微简化一下，字符串不是对象例如，但我邀请您自己了解更多)。但是，是的，虽然一开始听起来很令人困惑，但数组是一个对象。

另一件事要知道的是，在 javascript 中，对象是通过引用分配的。这意味着如果您修改原始 titles 数组，elements 数组也会被修改。它们只是指向同一个对象的两个名称。

在您的特定情况下，此细节可能并不重要，但如果您想将 titles 和 elements 的生命周期分开，您需要克隆原始数组，然后再次分配它。最快的方法是通过 JSON 转换:

var titles_0 = JSON.parse(JSON.stringify(titles));
var messageData = {
    attachment: {
        type: "template",
        payload: {
            template_type: "generic", 
            elements: titles_0
        } 
    }
}