Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

別のオブジェクトでJavascriptオブジェクトのプロパティを複製するにはどうすればよいですか?


Object.assign()メソッドを使用して、オブジェクト自体のすべてのプロパティ(列挙可能のみ)の値を1つ以上のソースオブジェクトからターゲットオブジェクトにコピーできます。

たとえば、ソースオブジェクトのすべてのプロパティをターゲットオブジェクトにコピーするには、次のコードを使用できます-

const targetObj = { a: 1, b: 2 };
const sourceObj = { b: 4, c: 5 };
const returnedTarget = Object.assign(targetObj, sourceObj);
console.log(targetObj);
console.log(returnedTarget);
console.log(returnedTarget === targetObj);
console.log(sourceObj);

出力

{ a: 1, b: 4, c: 5 }
{ a: 1, b: 4, c: 5 }
true
{ b: 4, c: 5 }

  • sourceObjは変更されませんでした。

  • returnsTargetとtargetObjは同じです。

  • Object.assign()メソッドは、列挙可能なプロパティと独自のプロパティのみをソースオブジェクトからターゲットオブジェクトにコピーします。ソースで[[Get]]を使用し、ターゲットで[[Set]]を使用するため、ゲッターとセッターを呼び出します。


  1. JavaScriptで別のオブジェクトを介してオブジェクトにアクセスするにはどうすればよいですか?

    以下は、JavaScriptの別のオブジェクトを介してオブジェクトにアクセスするためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <

  2. JavaScriptで既存のオブジェクトにプロパティとメソッドを追加するにはどうすればよいですか?

    以下は、JavaScriptの既存のオブジェクトにプロパティとメソッドを追加するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <