[javascript] Spread & Rest Operators 연산자 / 배열 재생산 / 전개연산자

# Spread 연산자

const newArray = [..oldArray,1,2]
const newObject = [...oldObject, newProp:5]

 

더 많은 원소도 추가가 가능하지만 대괄호와 ... 구문만 있으면  새로운 object 할당이 가능하다.

spread 연산자는 객체배열이나 배열에 어떤 요소를 합칠때 매우매우 많이 사용한다. 실무를 하면서 매우 많이 사용하는 연산자이기 때문에 필수로 알고있는것이 좋다.

 

 

 👉 예시

const numbers = [1,2,3];
const newNumbers = [...numbers, 4];

console.log(newNumbers) //[1,2,3,4] 출력

 👉 예시2

const Person = {
  name: 'Max'
}

const newPerson = {
  ...Person,
  age:28
}

console.log(newPerson) //{ age:28 , name:'Max' } 출력

 

# Rest 연산자

함수 인수 목록에서 사용된다. 사용빈도는 낮지만 알고 있으면 매우 좋은 함수이다.

function sortArges(...args){
	return args.sort();
}

 

 👉 예시

const filter = (...args) =>{
  return args.filter(el => el === 1); //filter로 요소가 1인것을 반환
}

console.log(filter(1, 2, 3)); //[1] 출력