spread-syntax-object

생강🖤·2021년 8월 14일
0
const item = {type: '👕',size:'M'};
const detail = {price:20, made:'Korea'};

// Bad
const newObject = new Object();
newObject['type'] = item.type;
newObject['size'] = item.size;
newObject['price'] = detail.price;
newObject['made'] = detail.made;
mewObject['gender'] = detail.gender;

//Bad
const newObject2 = {

	type: item.type,
	size: item.size,
  	price : detail.price,
  	made : detail.made,
  	gender: detail.gender,
};

//Good
const shirt0 = Object.assign (item,detail);

//Good - spread syntax objec
const shirt = {...item,...detail}:
//{}로 새로운 object를 만들고 ...으로 하나씩 가져와준다.
//좋은점은 뒤에 바꾸고 싶은 값만 업데이트 해줄수 있다는것
// 이런식으로 {...item,...detail,price:40}} 기존의 값은 가져오되 pric만 바꿔줄 수 있다.

// spread syntax - array

let fruits = ['🍓','🍉','🍐'];
//fruits.push('🍊'); 기존의 배열을 변경시킴.
//새로운 배열을 만들고 싶다면? spread syntax이용한다.
fruits = [...fruits,'🍊']; // push와동일
fruits = ['🍇',...fruits]; // unshift와 동일


const fruits2 = ['🍈','🍍'];
let combined = fruits.concat.fruits2;
combined = [...fruits,'🍒'...fruits2];

출처:https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/assign
profile
Slow but steady

0개의 댓글