QnAi로깅

비구조화 할당(destructuring)은 ES6에서 추가된 문법 중 하나로, 객체나 배열에서 원하는 데이터를 추출하여 변수에 할당하는 방법입니다.

아래는 객체에서 비구조화 할당을 사용하는 예시입니다.

javascriptCopy code
const person = {
  name: "John",
  age: 30,
  gender: "male",
};

const { name, age, gender } = person;

console.log(name); // "John"
console.log(age); // 30
console.log(gender); // "male"

위 코드에서 const { name, age, gender } = person; 부분이 비구조화 할당입니다. 객체 person의 name, age, gender 프로퍼티를 추출하여 각각의 변수에 할당하였습니다. 이후 console.log를 사용하여 각 변수의 값을 출력해보았습니다.

배열에서 비구조화 할당을 사용하는 예시는 아래와 같습니다.

javascriptCopy code
const numbers = [1, 2, 3];

const [first, second, third] = numbers;

console.log(first); // 1
console.log(second); // 2
console.log(third); // 3

위 코드에서 const [first, second, third] = numbers; 부분이 비구조화 할당입니다. 배열 numbers의 첫 번째, 두 번째, 세 번째 요소를 추출하여 각각의 변수에 할당하였습니다. 이후 console.log를 사용하여 각 변수의 값을 출력해보았습니다.