我们可以通过多种方式向JavaScript对象添加键/值对。。。

案例1：展开对象使用此选项，我们可以同时向对象添加多个key:value。

常量矩形＝{width:4，height:6}；常量立方体＝｛…矩形，长度：7｝；const cube2={…矩形，长度：7，笔划：2}；console.log（“立方体2:”，立方体2）；console.log（“Cube:”，立方体）；console.log（“矩形：”，矩形）；

案例2：使用点符号

var矩形＝{width:4，height:6}；直角长度=7；console.log（矩形）；

案例3：使用[平方]符号

var矩形＝{width:4，height:6}；矩形[“长度”]=7；console.log（矩形）；

只需添加财产：

我们想将prop2:2添加到这个对象中，这是最方便的选项：

点运算符：object.prop2=2；方括号：对象['prop2']=2；

那么我们用哪一个呢？

dot运算符的语法更加简洁，应该用作默认值（imo）。但是，点运算符不能向对象添加动态关键点，这在某些情况下非常有用。下面是一个示例：

常量对象={方案1：1}const key=Math.random（）>0.5？'key1'：'key2'；obj[key]=“此值具有动态键”；console.log（obj）；

合并对象：

当我们想要合并两个对象的财产时，以下是最方便的选项：

Object.assign（），将目标对象作为参数，以及一个或多个源对象，并将它们合并在一起。例如：

常量对象1={a： 1中，b： 2，};const object2=对象分配({c： 3中，d： 4个}，对象1）；console.log（对象2）；

对象排列运算符。。。

常量对象={prop1:1，第2部分：2}常量newObj={…对象，prop3:3，第4部分：4}console.log（newObj）；

我们用哪一个？

扩展语法不那么冗长，应该用作默认的imo。不要忘记将此语法转换为所有浏览器都支持的语法，因为它相对较新。Object.assign（）更加动态，因为我们可以访问作为参数传入的所有对象，并且可以在将它们分配给新对象之前对它们进行操作。

可以使用｛[key]：value｝语法创建新对象：

常量foo={a： '键'，b： '值'}常量bar={[foo.a]：foo.b}console.log（bar）；//｛key:“value”｝console.log（bar.key）；//价值常量baz={['key2']：'value2'}console.log（baz）；//｛key2:“value2”｝console.log（baz.key2）；//值2

使用前面的语法，您现在可以使用扩展语法｛…foo，…bar｝添加新对象，而不改变旧值：

常量foo={a:1，b:2}；常量条＝｛…foo，…｛['c']:3}｝；console.log（bar）；//｛a:1，b:2，c:3｝console.log（bar.c）；//3.

如果在一个Object中有多个匿名Object文本，并希望添加另一个包含键/值对的Object，请执行以下操作：

Firebug对象：

console.log(Comicbook);

返回：

[对象｛name=“Spiderman”，值=“11”｝，对象｛name=“Marsiplami”，value=“18”｝，对象｛name=“Garfield”，value=“2”｝]

代码：

if (typeof Comicbook[3]=='undefined') {
    private_formArray[3] = new Object();
    private_formArray[3]["name"] = "Peanuts";
    private_formArray[3]["value"] = "12";
}

将对象｛name=“Peanuts”，value=“12”｝添加到Comicbook对象

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

arr[ 'key3' ] = value3;

or

arr.key3 = value3;

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

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

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

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

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();