Dextructing Assignment

김선우·2022년 6월 11일
0

구조분해할당이란?

  • 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 js 표현식

배열을 구조분해하여 변수에 할당하는 방법은 다음과 같다.

let arr = [1, 2, 3];

let one = arr[0];
let two = arr[1];
let three = arr[2];

console.log(one, two, three);

배열과 같은 이터러블 또는 객체 리터럴에서 필요한 값만 추출하여 변수에 할당할 때 유용하다.

구조분해할당의 기준의 배열의 인덱스이다. 다시말하면 순서대로 할당 된다는 소리이다.

아래와 같이 초기값도 설정할 수 있다.

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

// 기본값보다 할당된 값이 우선한다.
const [e, f = 10, g = 3] = [1, 2];
console.log(e, f, g); // 1 2 3

직전까진의 내용은 배열을 얘기했지만, 객체에서도 구조분해할당이 가능하다.

객체에서의 구조분해할당은 프로퍼티와 키값을 이용하면 된다.

let a = {name: '선우', age: '27'}

let {name, age} = a

console.log({name, age}) => {name: '선우', age: '27'}
profile
생각은 나중에..

0개의 댓글