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

JavaScriptのObject.assign()?


Object.assign()

このメソッドは、1つ以上のソースオブジェクトをターゲットオブジェクトにコピーするために使用されます ソースで「get」とターゲットで「Set」の両方を使用するため、ゲッターとセッターを呼び出します。ターゲットオブジェクトからコピーされたプロパティと値を持つターゲットオブジェクトを返します。このメソッドは、nullまたは未定義のソース値をスローしません。

構文
Object.assign(target, ...source objects);
ソースオブジェクトが必要です およびターゲットオブジェクトをパラメータとして、ソースオブジェクトをターゲットオブジェクトにプッシュし、ターゲットオブジェクトを表示します。

例-1

次の例では、ソースオブジェクトのプロパティ " obj1 "、" obj2 "、および" obj3 "がターゲットオブジェクト"objにプッシュされました "とターゲットオブジェクト 出力として返されます。

<html>
<body>
<script>
   var obj1 = { a: 10, b:20 };
   var obj2 = { c: 30, d:40 };
   var obj3 = { e: 50 };
   var obj = Object.assign({}, obj1, obj2, obj3);
   document.write(JSON.stringify(obj));
</script>
</body>
</html>

出力

{"a":10,"b":20,"c":30,"d":40,"e":50}


例-2

次の例では、複数のインスタンスがあります いくつかのプロパティの オブジェクトの。この場合、メソッド Object.assign() プロパティの最後に割り当てられた値を取ります。たとえば、3つのオブジェクトすべてで「 obj1 "、" obj2 "、および" obj3 プロパティ'c 'は一般的で、それぞれ1、3、0などの割り当てられた値です。 obj3のプロパティ'c'の値は、以前に割り当てられた他の値 1を上書きします および3 。したがって、出力を見ると、プロパティ ' c 'には値0が割り当てられます 。

<html>
<body>
<script>
   var obj1 = { a: 10, b:20, c:1 };
   var obj2 = { b: 30, d:10, c:3 };
   var obj3 = { e: 60, d:70, c:0 };
   var obj = Object.assign({}, obj1, obj2, obj3);
   document.write(JSON.stringify(obj));
</script>
</body>
</html>

出力

{"a":10,"b":30,"c":0,"d":70,"e":60}

  1. JavaScriptのRegExpオブジェクト。

    RegExpオブジェクトは、テキストの一部を検索および抽出することにより、一部のテキストのパターンマッチングに使用されます。 RegExpオブジェクトは、regexpコンストラクターまたはリテラル構文のいずれかを使用して作成できます。 以下は、JavaScriptのRegExpオブジェクトのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport"

  2. JavaScriptのオブジェクト初期化子

    オブジェクト初期化子は、新しく作成されたオブジェクトを初期化できるようにする式です。これは、プロパティ名の0個以上のペアと、中括弧{}で囲まれたオブジェクトの関連する値のコンマ区切りのリストです。 以下は、JavaScriptのオブジェクト初期化子のコードです。 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=d