別のオブジェクトでオブジェクトのプロパティを複製する方法は？

オブジェクトを考える：

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フレームワークを使用せずに解決策はありますか？

for(var k in firstObject) secondObject[k]=firstObject[k];

ここで@Bardzuśnyの答えからヒントを得て、ES6はネイティブソリューション、つまりObject.assign()関数を提供しました！

使い方は簡単です：

Object.assign(secondObject, firstObject);

それでおしまい！

現在のサポートは明らかに貧弱です。これは、Firefox（34+）でのみサポートされていますが、Chrome（45+）およびOpera（32+）では、「実験的フラグ」を設定する必要があります。

Chrome、Firefox、Opera、Safari、Edgeの最新バージョンでサポートされるようになり、サポートが向上しています（IEは特にサポートしていません）。BabelやTraceurなどのトランスパイラーも利用できます。詳細はこちらをご覧ください。

ES6ごと-スプレッド構文：

あなたは単に使うことができます：

const thirdObject = {
   ...firstObject,
   ...secondObject   
}

これにより、これらのオブジェクトを参照渡しする問題が回避されます。

さらに、ネストが深いオブジェクトも処理します。

次のように、最初のオブジェクトのプロパティをループして、2番目のオブジェクトに割り当てます。

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

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

for (var prop in firstObject) {
    if (firstObject.hasOwnProperty(prop)) {
        secondObject[prop] = firstObject[prop];
    }
}

for- inループでは十分ではありません。あなたが必要hasOwnPropertyです。理由の詳細については、http：//bonsaiden.github.com/JavaScript-Garden/#object.forinloopを参照してください。

ES5が私たちをもたらしたので、ここでネクロマンサーをプレイしました。Object.keys()これらすべての.hasOwnProperty()チェックから私たちを救う可能性があります。

Object.keys(firstObject).forEach(function(key) {
  secondObject[key] = firstObject[key];
});

または、それを関数にラップします（lodashの限定された「コピー」_.assign()）：

function assign(object, source) {
  Object.keys(source).forEach(function(key) {
    object[key] = source[key];
  });
}

assign(secondObject, firstObject); // assign firstObject properties to secondObject

Object.keys()は比較的新しいメソッドであり、特にIE <9では使用できません。実際には.forEach()、通常のforループの代わりに使用した配列メソッドも同じです。

幸いなことに、これらの古くからあるブラウザーで使用できるes5-shimがあり、ES5の多くの機能（これら2つを含む）をポリフィルします。

（私は、クールで新しい言語機能の使用を控えているのとは対照的に、すべてポリフィルが好きです。）

Necro'ingを使用すると、hasOwnPropertyと実際のオブジェクトチェックを使用してディープコピーメソッドを見つけることができます。

var extend = function (original, context, key) {
  for (key in context)
    if (context.hasOwnProperty(key))
      if (Object.prototype.toString.call(context[key]) === '[object Object]')
        original[key] = extend(original[key] || {}, context[key]);
      else
        original[key] = context[key];
  return original;
};

Object.assignを使用してオブジェクトを組み合わせることができます。これは、共通のプロパティを右から左に組み合わせてオーバーライドします。つまり、左の同じプロパティが右でオーバーライドされます。

また、ソースオブジェクトが変更されないように、最初に空のオブジェクトを指定することが重要です。ソースオブジェクトObject.assign()自体は新しいオブジェクトを返すため、ソースオブジェクトはクリーンなままにしておく必要があります。

お役に立てれば！

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

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

var finalObject = Object.assign({}, firstObject, secondObject)

console.log(finalObject)

kingPuppyアイデアとOPアイデア（浅いコピー）の改善-OPの「例」に3つのドットのみを追加します:)

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

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

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

console.log(secondObject);

これは動作するはずです。ここでテストします。

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

注：これは、firstObject
注2のメソッドをコピーしません。古いブラウザーで使用するには、jsonパーサーが必要です
注3：特にfirstObjectメソッドが含まれている場合、参照による割り当ては実行可能なオプションです。指定されたjsfiddleの例を適宜調整しました

残念ながら、そのようなオブジェクトに変数への参照を置くことはできません。ただし、オブジェクトの値を別のオブジェクトにコピーする関数を作成できます。

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

2番目のオブジェクトに存在するプロパティのみを取得したい場合Object.keysは、最初のオブジェクトのプロパティを取得するために使用できます。2つの方法があります。

A.） map副作用を使用して最初のオブジェクトのプロパティを2番目のオブジェクトに割り当てるには：

var a = {a:100, b:9000, c:300};
var b = {b:-1};

Object.keys(a).map(function(key, index) {
    if (typeof b[key] !== 'undefined') {
        console.log(key);
        b[key] = a[key];    
    }
});

B.）またはreduce、新しいオブジェクトを作成して2番目のオブジェクトに割り当てます。このメソッドは、2番目のオブジェクトが最初のオブジェクトと一致しなかったプロパティを置き換えることに注意してください。

var a = {a:100, b:9000, c:300};
var b = {b:-1, d:-1}; // d will be gone

b = Object.keys(a).reduce(function(result, current) {
    if (typeof b[current] !== 'undefined') {
        result[current] = a[current];   
    }
    return result;
}, {});

プロパティスプレッド表記を使用します。これはES2018で追加されました（配列/反復可能オブジェクトの分散は以前のES2015でした）、{... firstObject}は列挙可能なすべてのプロパティを離散プロパティとして分散します。

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

firstObjectをsecondObjectのプロトタイプとして使用し、プロパティ記述子を追加します。

var secondObject = Object.create(firstObject, {
      key3: {value: "value3", writable: true, configurable: true, enumerable: true},
      key4: {value: "value4", writable: true, configurable: true, enumerable: true}
      });

それは確かにワンライナーではありませんが、より多くのコントロールを提供します。プロパティ記述子に興味がある場合は、この記事を読むことをお勧めします：http ://patrickdelancy.com/2012/09/property-descriptors-in-javascript/#comment-2062 およびMDNページhttps：//developer.mozilla。 org / en-US / docs / Web / JavaScript / Reference / Global_Objects / Object / create

値を割り当てて記述子を省略し、少し短くすることもできます。

var secondObject = Object.create(firstObject, {
      key3: {value: "value3"}
      key4: {value: "value4"}
  });

互換性：ECMAScript 5、IE9 +

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

var secondObject = {
     key3: "value3",
     key4: "value4"
     copy: function(firstObject){
           this.key1 = firstObject.key1;
           this.key2 = firstObject.key2;
     }
 };

次の方法を使用すると、プロパティがコピーされます

secondObject.copy(firstObject)

私はJavaScriptに非常に慣れていませんが、これは機能していることがわかりました。少し長すぎると思いますが、うまくいきます。