JavaScript에서 Destructuring 할당은 배열 또는 개체의 속성을 추출하여 변수에 할당하는 기능입니다.
이렇게 하면 코드를 간결하게 작성할 수 있고 변수 이름을 지정하여 변수를 사용할 수 있습니다.
배열 구조 분해 할당 예제
const arr = (1, 2, 3);
const (a, b, c) = arr;
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3위의 예에서 배열 arr의 각 요소는 변수 a, b 및 c와 출력에 할당됩니다.
객체 구조 분해 할당의 예
const obj = { name: "John", age: 25 };
const { name, age } = obj;
console.log(name); // "John"
console.log(age); // 25위의 예에서 각 변수에는 객체 obj의 속성인 name과 age가 할당되어 출력됩니다.
중첩 객체 및 배열 구조 분해 할당의 예
const obj = {
name: "John",
age: 25,
nested: {
job: "developer",
skills: ("JavaScript", "React")
}
};
const { name, nested: { job, skills: (skill1, skill2) } } = obj;
console.log(name); // "John"
console.log(job); // "developer"
console.log(skill1); // "JavaScript"
console.log(skill2); // "React"위의 예에서 중첩된 객체 및 배열의 속성은 구조가 해체되고 할당되어 표시됩니다.
변수 name, job, Skill1, Skill2에 해당하는 값을 obj 객체에서 추출하여 덤프하고 중첩된 객체와 Skills 배열을 obj 객체의 속성으로 중첩하고 Skill-Arrays의 첫 번째 요소 는 Skill1이고, 두 번째 요소는 Skill2 변수에 할당하여 출력됩니다.