구조 분해 할당 (Destructuring Assignment)

구조 분해 할당은 객체나 배열에서 필요한 값을 새로운 변수에 담을때 혹은 배열,객체를 분해를 하고 싶을때 사용한다

const arr = ["123", "가나다", "ABC"]
const [aaa, bbb, ccc] = arr
console.log(aaa)	//	"123"
console.log(bbb)	//	"가나다"
console.log(ccc)	//	"ABC"

...을 사용해 남은 요소를 새로운 배열에 담을수 있다

const arr = ["123", "가나다", "ABC"]
const [aaa, ...bbb] = arr
console.log(aaa)	//	"123"
console.log(bbb)	//	[ '가나다', 'ABC' ]

배열도 가능하다

const obj = {
  aaa: "123",
  bbb: "가나다",
  ccc: "ABC",
  ddd: "DEF"
}

const {aaa, bbb: kr, ...ccc} = obj
console.log(aaa)	//	"123"
console.log(kr)		//	"가나다"
console.log(ccc)	//	{ ccc: 'ABC', ddd: 'DEF' }

위와 같이 사용이 가능하다

---

참조 및 더 많은 자료
https://ko.javascript.info/destructuring-assignment