给定对象:

var firstObject = {
    key1 : 'value1',
    key2 : 'value2'
};

我如何复制属性在另一个对象(secondObject)像这样:

var secondObject = {
    key1 : 'value1',
    key2 : 'value2',
    key3 : 'value3',
    key4 : 'value4'
};

使用对firstObject的引用?就像这样:

var secondObject = {
    firstObject,
    key3 : 'value3',
    key4 : 'value4'
};

(这行不通……我把它放在大行中只是为了显示我想如何组织代码)。

不使用任何JavaScript框架的解决方案是否可行?


当前回答

从@ bardzuievny的回答中得到启发,ES6提供了一个本地解决方案:Object.assign()函数!

用法很简单:

Object.assign(secondObject, firstObject);

就是这样!

目前的支持显然很差;只有Firefox(34+)可以开箱即用,而Chrome(45+)和Opera(32+)需要设置“实验性标志”。

支持正在改进,最新版本的Chrome、Firefox、Opera、Safari和Edge都支持它(显然IE不支持)。转译器也可用,如Babel和Traceur。请看这里了解更多细节。

其他回答

使用属性扩展符号。它是在ES2018中添加的(数组/可迭代对象的扩展是更早的ES2015), {…firstObject}将所有可枚举的属性展开为离散的属性。

let secondObject = {
      ...firstObject,
      key3 : 'value3',
      key4 : 'value4'
    }

这应该可以工作,在这里进行了测试。

var secondObject = {
    firstObject: JSON.parse(JSON.stringify(firstObject)),
    key3 : 'value3',
    key4 : 'value4'
};

注意:这不会复制firstObject的方法 注2:在旧的浏览器中使用,你需要一个json解析器 注3:通过引用赋值是一个可行的选项,特别是当firstObject包含方法时。相应地调整给定的jsfiddle示例

我们可以使用Object。赋值组合对象。它将从右向左组合并覆盖公共属性,即左边的相同属性将被右边覆盖。

重要的是在第一个对象中提供一个空对象,以避免改变源对象。源对象应该保持干净,因为object. assign()本身返回一个新对象。

希望这能有所帮助!

var firstObject = { Key1: 'value1', Key2: 'value2' }; var secondObject = { Key3: 'value3', Key4: 'value4' }; var finalObject =对象。assign({}, firstObject, secondObject) console.log (finalObject)

不幸的是,您不能像这样在对象中放置对变量的引用。但是,您可以创建一个函数,将对象的值复制到另一个对象。

function extend( obj1, obj2 ) {
    for ( var i in obj2 ) {
        obj1[i] = obj2[i];
    }
    return obj1;
}

var firstObject = {
    key1: "value1",
    key2: "value2"
};

var secondObject = extend({
    key3: "value3",
    key4: "value4"
}, firstObject );

对象。赋值或析构可能会给您带来很大的麻烦,因为只有顶级属性被复制为值。

所有嵌套的属性都将被复制为引用,并保留对原始对象属性的引用。如果你的物体是平的,那是可以的。但如果不是,这些方法很少适用。

对于最简单有效的一行程序,我会推荐deepmerge包,它没有这个缺点。

const newObject = deepmerge({}, oldObjectWithNestedProperties);

这将给你oldObjectWithNestedProperties的完全分离和独立的newObject副本。