Javascript 对象文字模板 : Extending implementation object with a baseline

Question

我正在使用 javascript 对象字面量，并且得到了一个绝妙的想法，即通过抽象所有公共(public)属性来简化我必须使用的实际对象字面量。

因此，我想从基线预定义对象结构扩展/继承/合并我的具体对象。我的意思是这样的:

基线:

{  
       "id":"",
       "options":[  
          {  
             "1":true,
              "concreteValue":"important"
          },
          {  
             "2":false,
              "concreteValue":"unimportant"
          },
          {  
             "3":true,
             "concreteValue":"important"
          }
       ],
       "greeting":"Howdy",
       "player":{  
          "name":"",
          "hp":1,
          "mana":10
       }
}

混凝土:

{  
   "id":"player1",
   "options":[  
      {  
         "5":true,
          "concreteValue":"awesome"
      }
   ],
   "greeting":"Greetings!",
   "player":{  
      "name":"player1",
      "hp":15
   }
}

并通过扩展/继承/合并 concrete 和 baseline，我希望输出是这样的:

{  
   "id":"player1",
   "options":[  
      {  
         "1":true,
         "concreteValue":"important"
      },
      {  
         "2":false,
         "concreteValue":"unimportant"
      },
      {  
         "3":true,
         "concreteValue":"important"
      },
      {  
         "5":true,
         "concreteValue":"awesome"
      }
   ],
   "greeting":"Greetings!",
   "player":{  
      "name":"player1",
      "hp":15,
      "mana":10
   }
}

因此，两个地方都存在的值会被混凝土中的值覆盖，添加不存在的值。这似乎是一种很好的做事方式，所以我确信有一种聪明的方法可以做到这一点，但我还没有找到 :)我看了jQuery Extend ，但它似乎并没有将同名的值相互合并。

我尝试使用 concat 和 Object.Assign，但它们也没有成功。有人有什么想法吗？

Answer 1

Lodash 库可以在这里使用。

如果这是您将使用 Lodash 的唯一目的，我可能会选择不添加额外库的@DelightedD0D 解决方案。

使用 Lodash 的优势在于 customizer 函数，您可以在其中指定一些自定义合并功能，但我不知道这在 jQuery 中是否可行 扩展方法。

您可以使用merge(src, dest, customizer) 函数来获取您描述的内容，结果如下:
http://jsbin.com/qibeji/edit?js,console

Lodash 和 Underscore 是高级 javascript 对象操作的最佳库。

查看这两个问题，详细了解您可以做什么:
Lodash - difference between .extend() / .assign() and .merge()
Lodash: Constructing single object from many - Merging/overriding properties