구조 분해 할당 (Destructuring assignment)은 ES6에서 추가된 JavaScript 기능 중 하나로, 배열이나 객체에서 필요한 값만 추출하여 변수에 할당하는 문법이다.

const person = { name: 'John', age: 30 };
const { name, age } = person;
console.log(name); // 'John'
console.log(age); // 30

배열 구조 분해 할당은 다음과 같은 문법을 사용한다.

const person = { name: 'John', age: 30 };
console.log(person.name); // 'John'
console.log(person.age); // 30

아래는 구조 분해 할당을 하지 않은 문법이다.

const numbers = [1, 2, 3, 4, 5];
const [first, second, , fourth] = numbers;
console.log(first); // 1
console.log(second); // 2
console.log(fourth); // 4

구조 분해 할당은 복잡한 객체나 배열에서 필요한 값을 간단하게 추출하여 변수에 할당할 수 있어 유용하다.