구조분해할당, Destructuring assignment

 

배열이나 객체의 값을 쉽게 분해하는 것이다.

for문을 쓸 수도 있지만 for_of 또는 for_in을 쓰기도 한다.

또한 spread syntax( ... ) 을 쓰기도 한다.( 참고 : spread syntax vs rest syntax)

 

배열 

배열을 구조분해할당했다.

변수 이름 부분에도 배열기호를 써준다. 그리고 spread syntax(...)를 썼다. 나머지 배열을 담아낸다는 뜻이다.

 

 

객체

for_of문을 쓰려면 Object.entries를 써야 한다. 하지만 for_in문을 써버리면 쓰지 않아도 된다.

spread syntax를 이용해서 result에 나머지들이 들어간다.

 

객체를 파라미터로 받으면 인자로 분해해서 받을 수도 있다. 이렇게 하면 더 안전하다.

---

참고 사이트

Destructuring assignment - JavaScript | MDN (mozilla.org)

Destructuring assignment - JavaScript | MDN