在编写大型项目时，我越来越喜欢LoDash/Undercore。

通过obj['key']或obj.key添加都是纯JavaScript的可靠答案。然而，在使用对象和数组时，LoDash和Undercore库都提供了许多其他方便的功能。

.push（）用于数组，而不是对象。

根据您正在查找的内容，有两个特定的函数可能很好利用，并提供类似arr.push（）的功能。有关更多信息，请查看文档，其中有一些很棒的示例。

_.mmerge（仅限Lodash）

第二个对象将覆盖或添加到基础对象。不复制未定义的值。

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
_.merge(obj, obj2);
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3"} 

_扩展/分配

第二个对象将覆盖或添加到基础对象。将复制undefined。

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
_.extend(obj, obj2);
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

_.默认值

第二个对象包含默认值，如果它们不存在，将添加到基础对象。如果键已经存在，将复制未定义的值。

var obj = {key3: "value3", key5: "value5"};
var obj2 = {key1: "value1", key2:"value2", key3: "valueDefault", key4: "valueDefault", key5: undefined};
_.defaults(obj, obj2);
console.log(obj);
// → {key3: "value3", key5: "value5", key1: "value1", key2: "value2", key4: "valueDefault"}

$.扩展

此外，jQuery.extend可能值得一提，它的功能类似于_.mmerge，如果您已经在使用jQuery，它可能是一个更好的选项。

第二个对象将覆盖或添加到基础对象。不复制未定义的值。

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
$.extend(obj, obj2); 
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3"}

对象.assign（）

可能值得一提的是ES6/ES2015 Object.assign，它的功能类似于_.mmerge，如果您已经在使用像Babel这样的ES6/ES2015polyfill，如果您想自己填充，它可能是最好的选择。

第二个对象将覆盖或添加到基础对象。将复制undefined。

var obj = {key1: "value1", key2: "value2"};
var obj2 = {key2:"value4", key3: "value3", key4: undefined};
Object.assign(obj, obj2); 
console.log(obj);
// → {key1: "value1", key2: "value4", key3: "value3", key4: undefined}

您可以使用其中一个（前提是key3是您想要使用的实际键）

arr[ 'key3' ] = value3;

or

arr.key3 = value3;

如果key3是变量，则应执行以下操作：

var key3 = 'a_key';
var value3 = 3;
arr[ key3 ] = value3;

之后，请求arr.a_key将返回值3，即文本3。

表演

今天2020.01.14，我在Chrome v78.0.0、Safari v13.0.4和Firefox v71.0.0上对MacOs HighSierra 10.13.6进行了测试，以获得选定的解决方案。我将解分为可变的（第一个字母M）和不可变的（第二个字母I）。我还提供了一些不可变的解决方案（IB、IC、ID/IE），这些解决方案尚未在回答这个问题时发布

结论

最快的可变解决方案比最快的不可变解决方案快得多（>10倍）像obj.key3=“abc”（MA，MB）这样的经典可变方法是最快的对于不可变的解决方案，｛…obj，key3:'abc'｝和Object.assign（IA，IB）是最快的令人惊讶的是，对于chrome（MC-IA）和safari（MD-IB），存在比某些可变解决方案更快的不可变解决方案

细节

在下面的片段中，有经过测试的解决方案，您可以在这里从您的机器上进行测试（2022年更新：我向Josh DeLong表示感谢，他从jspref.com重写了测试，jsbench.me停止工作）变量o={key1：真，键2:3，};var log=（s，f）=>console.log（`$｛s｝-->$｛JSON.stringify（f（｛…o｝））｝`）；函数MA（obj）{obj.key3=“abc”；返回obj；}函数MB（obj）{obj['key3']=“abc”；返回obj；}函数MC（obj）{Object.assign（obj，｛key3:'abc'｝）；返回obj；}函数MD（obj）{Object.defineProperty（obj，'key3'{value：“abc”，//默认情况下未定义enumerable:true，//默认为false可配置：true，//默认为false可写：默认为true//false});返回obj；}函数IA（obj）{return｛…obj，key3:'abc'｝；}函数IB（obj）{return Object.assign（｛key3:'abc'｝，obj）；}函数IC（obj）{let ob=JSON.parse（JSON.stringify（obj））ob.key3=“abc”；返回ob；}函数ID（obj）{let ob=Object.fromEntries（Object.entries（obj））；ob.key3=“abc”；返回ob；}函数IE（obj）{return Object.fromEntries（Object.entries（obj）.contat（[['key3'，'abc']]））}日志（'MA'，MA）；日志（'MB'，MB）；日志（'MC'，MC）；日志（'MD'，MD）；日志（‘IA’，IA）；日志（'IB'，IB）；日志（'IC'，IC）；日志（'ID'，ID）；日志（'IE'，IE）；此代码段仅显示代码-它本身不执行测试！

arr.key3 = value3;

因为你的arr不是一个数组。。。这是一个原型对象。真正的数组应该是：

var arr = [{key1: value1}, {key2: value2}];

但这仍然不正确。实际上应该是：

var arr = [{key: key1, value: value1}, {key: key2, value: value2}];

有两种方法可以向对象添加新的财产：

var obj = {
    key1: value1,
    key2: value2
};

使用点符号：

obj.key3 = "value3";

使用方括号表示法：

obj["key3"] = "value3";

当您知道属性的名称时，将使用第一种形式。当动态确定属性的名称时，使用第二种形式。如本例所示：

var getProperty = function (propertyName) {
    return obj[propertyName];
};

getProperty("key1");
getProperty("key2");
getProperty("key3");

一个真正的JavaScript数组可以使用以下任一方法构建：

数组文字表示法：

var arr = [];

Array构造函数表示法：

var arr = new Array();

您可以通过以下方式添加：

arr['key3'] = value3;

或者这样：

arr.key3 = value3;

只有当key3的值为“key3”时，建议使用变量key3键入对象的答案才有效。