36. 디스트럭처링 할당

Jun_Gyu·2025년 2월 23일
0

한 발자국 더, JS

목록 보기
23/34
post-thumbnail

1. 디스트럭처링 할당이란?

구조화된 배열과 같은 이터러블 or 객체를 구조 파괴하여 1개이상의 변수에 개별적으로 할당하는 것.

필요한 값만 추출해서 변수에 할당할 때 유용함.

* 디스트럭처링 할당(destructuring assignment)

2. 배열 구조 분해 할당

배열 디스트럭처링 할당 대상은 이터러블 이어야 하며, 할당 기준은 배열의 인덱스다.

(한마디로 순서대로 할당된다는 뜻.)

또한 배열 디스트럭처링 할당을 위한 변수에 Rest 파라미터와 유사하게 Rest 요소 ...을 사용 할 수 있다.

const [a, ...b] = [1, 2, 3];
console.log(a, b); // 1, [2, 3]

3. 객체 구조 분해 할당

객체의 각 프로퍼티를 객체로부터 추출하여 1개 이상의 변수에 할당함.

객체 디스트럭처링 할당 대상은 객체여야 하며, 할당 기준은 프로퍼티 키이며, Rest 프로퍼티를 사용할 수 있다.

(할당 순서는 의미 X.)
const user = { firstName : 'Jungyu', lastName : 'Park'};
const { lastName, firstName } = user;

const { lastName : ln, firstName : fn } = user;
console.log(fn, ln); // J며, Rest 프로퍼티를 사용할 수 있다.gyu Park
profile
시작은 미약하지만, 그 끝은 창대하리라

0개의 댓글