javascript - 从对象外部向选项对象添加选项 - javascript

Question

我正在尝试为插件添加一些自定义功能。它有一个选项对象(或者它可能被称为哈希对象？)，我想从数组中添加更多选项。

这是选项对象“itemKeys”

   a.extend(a.zEditor.DEFAULTS, {
        itemKeys: {

            "text name 1": "font-size: 15px; color: black;",
            "text name 2": "font-size: 15px; color: black;"
        }

我可以手动将键名添加为数组值

key_name = ["text name 1", "text name 2"]

   a.extend(a.zEditor.DEFAULTS, {
        itemKeys: {

            [key_name[0]]: "font-size: 15px; color: black;",
            [key_name[1]]: "font-size: 15px; color: black;"
        }

但是数组中值的数量会有所不同，因此无法以这种方式手动设置。

像这样在对象内部循环显然是行不通的

itemKeys: {
       for (var i = 0; i < key_name.Length; i++) {
            key_name[i]: "font-size: 15px; color: black;",
           }
        }

所以现在我只能在对象外部进行某种循环，以向选项对象添加新选项。问题是我不知道如何从对象外部向选项对象添加新选项。

我试过了

itemKeys: { "文本名称 3": "字体大小: 15px; 颜色: 黑色;"}

但这只是覆盖了对象，所以现在它只有一个选项。

我无法更改插件中的任何其他编码，因为这会导致其他内容损坏，所以我只能这样做。

如何从对象外部向 itemKey 选项对象添加更多选项。

Answer 1

a.zEditor.DEFAULTS.itemKeys["text name 3"] = "font-size: 15px; color: black;";

或者，假设 a.extend() 的工作方式类似于 jquery 的 $.extend()，

a.extend(a.zEditor.DEFAULTS.itemKeys, {"text name 3": "font-size: 15px; color: black;"});