フロントエンド開発：JSのオブジェクトにオブジェクトを追加する方法

フロントエンド開発：JSのオブジェクトにオブジェクトを追加する方法

JS でオブジェクトにオブジェクトを追加するには、直接追加する方法、拡張演算子を使用する方法…、

Object.assign()方法。

1. 直接追加
必要なキーと値のペアの内容をオブジェクト A に直接追加します。具体的な例は次のとおりです。

	let objectA = {
    
    
	  name: 'Tom'
	};
	let key = 'age';
	let value = 31;
	objectA[key] = value;   //结果为：objectA.age = 18
	console.log( 'objectA===>',objectA);  //输出结果为：objectA===> {name: 'Tom', age: 31}

2. スプレッド演算子の使用...
スプレッド演算子の使用... オブジェクトにオブジェクトを追加する一般的な方法で、具体的な例は次のとおりです。

	let objectA = {
    
    
	    name: 'Tom'
	};   
	
	let objectB = {
    
    
	     age: 31   
	};
	
	let object = {
    
     ...objectA, ...objectB};
	
	console.log( 'object===>',object);   //输出结果为：object===> {name: 'Tom', age: 31}

3. Object.assign() メソッド
Object.assign() メソッドにはいくつかの用途があり、主に、列挙可能なすべてのプロパティの値を 1 つ以上のソース オブジェクトからターゲット オブジェクトにコピーするために使用されます。ここではオブジェクトの結合に関する機能を中心に紹介しますが、具体例は以下の通りです。

	let objectA = {
    
    
	
	    name: 'Tom'
	
	};   
	
	let objectB = {
    
    
	
	    age: 31   
	
	};
	
	Object.assign( objectA, objectB);
	
	console.log( 'objectA===>',objectA);  //输出结果为：objectA===> {name: 'Tom', age: 31}