👨‍👧‍👦객체 구조 분해

👨‍👧‍👦객체 구조 분해

• 객체 구조분해(Object Destructuring)는 JavaScript에서 객체의 속성을 보다 쉽게 추출하여 변수에 할당할 수 있게 하는 문법입니다. 이 문법은 ES6(ES2015)에서 도입되었으며, 객체 내부의 속성을 직접적으로 접근하여 해당 값을 변수로 만들 때 사용됩니다. 이를 통해 코드를 더 간결하게 작성할 수 있으며, 코드의 가독성도 향상됩니다.

• 기본 할당

var o = { p: 42, q: true };
var { p, q } = o;

console.log(p); // 42
console.log(q); // true

• 선언 없는 할당
  구조 분해를 통해 변수의 선언과 분리하여 변수에 값을 할당할 수 있습니다.

var a, b;

({ a, b } = { a: 1, b: 2 });

참고: 할당 문을 둘러싼 ( .. )는 선언 없이 객체 리터럴(object literal) 비구조화 할당을 사용할 때 필요한 구문입니다.
{a, b} = {a:1, b:2}는 유효한 독립 구문이 아닙니다. 좌변의 {a, b}이 객체 리터럴이 아닌 블록으로 간주되기 때문입니다. 하지만, ({a, b} = {a:1, b:2})는 유효한데, var {a, b} = {a:1, b:2}와 같습니다.
( .. ) 표현식 앞에는 세미콜론이 있어야 합니다. 그렇지 않을 경우 이전 줄과 연결되어 함수를 실행하는데 이용될 수 있습니다.

• 새로운 변수 이름으로 할당하기
  객체로부터 속성을 해체하여 객체의 원래 속성명과는 다른 이름의 변수에 할당할 수 있습니다.

var o = { p: 42, q: true };
var { p: foo, q: bar } = o;

console.log(foo); // 42
console.log(bar); // true

-출처: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#%EA%B0%9D%EC%B2%B4_%EA%B5%AC%EC%A1%B0_%EB%B6%84%ED%95%B4
, GPT4