Front-end разработка: способ добавления объектов к объектам в JS

Front-end разработка: способ добавления объектов к объектам в 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() имеет несколько применений, в основном для копирования значений всех перечисляемых свойств из одного или нескольких исходных объектов в целевой объект. Здесь в основном представлены функции, связанные с объединением объектов. Конкретные примеры приведены ниже:


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

Guess you like

Origin blog.csdn.net/a476613958/article/details/129558063
Recommended