자바스크립트 전개 연산자(Spread Operator)

---

1. 전개 연산자(Spread Operator)

전개 연산자는 문자, 배열이나 객체 등 여러 요소로 합처진 데이터를 개별 요소로 활용가능도록 하는 연산자입니다. 배열 등의 앞에 "..."를 붙여주는 것으로 사용가능합니다.

전개 연산자 표현

const numArray = [3,4]; 

const add = (x,y) => x + y; 

add(...numArray) // return 7

2. 활용법

배열

const array1 = [10,20]; 

const array2 = [30, 40];

const array3 = [...array1, ...array2, 50]; // [10,20,30,40,50]

함수

const numArray = [3,4,7]; 

const add = (x,y,z) => x + y + z; 

add(...numArray) // return 14

객체

const object1 = {
	name: "javascript",
  	age: 12
}; 

const object2 = {
	nickname: "js",
  	age: 12
}; 

const object3 = {
	...object1,
  	...object2
} 
// Object {	name: "javascript",	nickname: "js",age: 12}

더 자세하고 다양한 활용법은 아래의 참고페이지를 참고해주세요!

---

참고 페이지:
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Spread_syntax

수정할 부분이나 궁금하신게 있다면 언제나 질문해주세요!!!